#A24928#A24928

#A24928 is a mid, vivid orange. Relative luminance 0.126; OKLCH L 51.4% C 0.127 H 40.1°. Best body text is #FFFFFF at 5.97:1 contrast (WCAG AA passes).

Color values

HEX#A24928
RGBrgb(162, 73, 40)
HSLhsl(16, 60%, 40%)
HSVhsv(16, 75%, 64%)
CMYKcmyk(0%, 54.9%, 75.3%, 36.5%)
CIE-LABlab(42.16, 34.68, 36.62)
CIE-LCHlch(42.16, 50.44, 46.57°)
OKLaboklab(51.44% 0.0972 0.0818)
OKLCHoklch(51.44% 0.127 40.1)
XYZxyz(17.6676, 12.6019, 3.5091)
Luminance0.1260 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A24928 #2881A2
analogous
#A22844 #A24928 #A28628
triadic
#A24928 #28A249 #4928A2
tetradic
#A24928 #44A228 #2881A2 #8628A2
square
#A24928 #44A228 #2881A2 #8628A2
split-complementary
#A24928 #28A286 #2844A2
monochromatic
#401D10 #71331C #A24928 #CE6139 #DA886A

Accessibility & contrast

On white

5.97
#A24928 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.52
#A24928 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #A24928
5.97:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A24928#FFFFFF#000000##FFFFFF
##A249281.005.973.525.97
#FFFFFF5.971.0021.001.00
#0000003.5221.001.0021.00
##FFFFFF5.971.0021.001.00

Color blindness preview

Protanopia (red-blind)
#615724
Deuteranopia (green-blind)
#776B26
Tritanopia (blue-blind)
#B23642
Achromatopsia (no color)
#636363

Design tokens & code

CSS
--color: #a24928;
/* rgb */ color: rgb(162, 73, 40);
/* oklch */ color: oklch(51.4% 0.127 40.1);
Tailwind
colors: {
  custom: {
    50: '#c47e64',
    500: '#a24928',
    950: '#000000',
  },
}
SCSS
$custom: #a24928;
$custom-light: #c47e64;
$custom-dark: #000000;
JSON
{
  "hex": "#a24928",
  "rgb": {
    "r": 162,
    "g": 73,
    "b": 40
  },
  "hsl": {
    "h": 16.23,
    "s": 60.396,
    "l": 39.608
  },
  "oklch": {
    "l": 0.51441,
    "c": 0.12703,
    "h": 40.1
  },
  "luminance": 0.126
}

Semantic roles & 50–950 ramp

primary
#A24928
secondary
#65A8C1
accent
#B8E444
background
#FCF7F6
surface
#F9EEEB
border
#D2C9C6
text
#140A05
muted
#827C7A

Preview Lab

Preview with #A24928

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#A24928 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva