#A9502B#A9502B
#A9502B is a mid, vivid orange. Relative luminance 0.143; OKLCH L 53.6% C 0.128 H 41.9°. Best body text is #FFFFFF at 5.43:1 contrast (WCAG AA passes).
Color values
| HEX | #A9502B |
|---|---|
| RGB | rgb(169, 80, 43) |
| HSL | hsl(18, 59%, 42%) |
| HSV | hsv(18, 75%, 66%) |
| CMYK | cmyk(0%, 52.7%, 74.6%, 33.7%) |
| CIE-LAB | lab(44.73, 33.98, 38.12) |
| CIE-LCH | lch(44.73, 51.06, 48.28°) |
| OKLab | oklab(53.63% 0.095 0.0853) |
| OKLCH | oklch(53.63% 0.128 41.9) |
| XYZ | xyz(19.6688, 14.3492, 4.0189) |
| Luminance | 0.1435 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Sienna
#A0522D
ΔE00 2.20
Rust
#B7410E
ΔE00 4.79
Burnt Sienna
#B04E0F
ΔE00 5.05
Sienna (survey)
#A9561E
ΔE00 5.20
Burnt Umber
#A0450E
ΔE00 5.20
Rust (survey)
#A83C09
ΔE00 5.42
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#A9502B #2B84A9
analogous
#A92B45 #A9502B #A98F2B
triadic
#A9502B #2BA950 #502BA9
tetradic
#A9502B #45A92B #2B84A9 #8F2BA9
square
#A9502B #45A92B #2B84A9 #8F2BA9
split-complementary
#A9502B #2BA98F #2B45A9
monochromatic
#472212 #78391F #A9502B #CF6C42 #DB9273
Accessibility & contrast
On white
5.43
#A9502B on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.87
#A9502B on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #A9502B
5.43:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##A9502B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##A9502B | 1.00 | 5.43 | 3.87 | 5.43 |
| #FFFFFF | 5.43 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.87 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.43 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#695E27
Deuteranopia (green-blind)
#7E7129
Tritanopia (blue-blind)
#B93D48
Achromatopsia (no color)
#6A6A6A
Design tokens & code
CSS
--color: #a9502b; /* rgb */ color: rgb(169, 80, 43); /* oklch */ color: oklch(53.6% 0.128 41.9);
Tailwind
colors: {
custom: {
50: '#c98366',
500: '#a9502b',
950: '#000000',
},
}SCSS
$custom: #a9502b; $custom-light: #c98366; $custom-dark: #000000;
JSON
{
"hex": "#a9502b",
"rgb": {
"r": 169,
"g": 80,
"b": 43
},
"hsl": {
"h": 17.619,
"s": 59.434,
"l": 41.569
},
"oklch": {
"l": 0.53629,
"c": 0.12763,
"h": 41.9
},
"luminance": 0.14347
}Semantic roles & 50–950 ramp
primary
#A9502B
secondary
#6DAAC3
accent
#B4E345
background
#FDF8F6
surface
#FAEFEB
border
#D3CAC6
text
#140B06
muted
#837C7A