#95462A#95462A
#95462A is a mid, moderate orange. Relative luminance 0.109; OKLCH L 49.0% C 0.114 H 39.7°. Best body text is #FFFFFF at 6.59:1 contrast (WCAG AA passes).
Color values
| HEX | #95462A |
|---|---|
| RGB | rgb(149, 70, 42) |
| HSL | hsl(16, 56%, 37%) |
| HSV | hsv(16, 72%, 58%) |
| CMYK | cmyk(0%, 53%, 71.8%, 41.6%) |
| CIE-LAB | lab(39.48, 31.10, 31.99) |
| CIE-LCH | lch(39.48, 44.62, 45.81°) |
| OKLab | oklab(49% 0.0879 0.0729) |
| OKLCH | oklch(49% 0.114 39.7) |
| XYZ | xyz(15.0039, 10.9389, 3.5113) |
| Luminance | 0.1094 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Sienna
#A0522D
ΔE00 4.70
Brownish Red
#9E3623
ΔE00 4.97
Brick
#A03623
ΔE00 5.10
Russet
#A13905
ΔE00 6.02
Red Brown
#8B2E16
ΔE00 6.22
Burnt Umber
#A0450E
ΔE00 6.22
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#95462A #2A7995
analogous
#952A43 #95462A #957C2A
triadic
#95462A #2A9546 #462A95
tetradic
#95462A #43952A #2A7995 #7C2A95
square
#95462A #43952A #2A7995 #7C2A95
split-complementary
#95462A #2A957C #2A4395
monochromatic
#36190F #65301D #95462A #C55C37 #D48266
Accessibility & contrast
On white
6.59
#95462A on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.19
#95462A on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #95462A
6.59:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##95462A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##95462A | 1.00 | 6.59 | 3.19 | 6.59 |
| #FFFFFF | 6.59 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.19 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.59 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#5B5227
Deuteranopia (green-blind)
#6F6428
Tritanopia (blue-blind)
#A33640
Achromatopsia (no color)
#5D5D5D
Design tokens & code
CSS
--color: #95462a; /* rgb */ color: rgb(149, 70, 42); /* oklch */ color: oklch(49.0% 0.114 39.7);
Tailwind
colors: {
custom: {
50: '#ba7b65',
500: '#95462a',
950: '#000000',
},
}SCSS
$custom: #95462a; $custom-light: #ba7b65; $custom-dark: #000000;
JSON
{
"hex": "#95462a",
"rgb": {
"r": 149,
"g": 70,
"b": 42
},
"hsl": {
"h": 15.701,
"s": 56.021,
"l": 37.451
},
"oklch": {
"l": 0.48995,
"c": 0.11421,
"h": 39.7
},
"luminance": 0.10937
}Semantic roles & 50–950 ramp
primary
#95462A
secondary
#61A3BA
accent
#B8DF48
background
#FCF7F6
surface
#F8EEEB
border
#D1C9C6
text
#130905
muted
#827B7A