#95605E#95605E
#95605E is a mid, moderate red. Relative luminance 0.156; OKLCH L 54.6% C 0.070 H 22.0°. Best body text is #FFFFFF at 5.11:1 contrast (WCAG AA passes).
Color values
| HEX | #95605E |
|---|---|
| RGB | rgb(149, 96, 94) |
| HSL | hsl(2, 23%, 48%) |
| HSV | hsv(2, 37%, 58%) |
| CMYK | cmyk(0%, 35.6%, 36.9%, 41.6%) |
| CIE-LAB | lab(46.40, 21.32, 10.09) |
| CIE-LCH | lch(46.40, 23.59, 25.33°) |
| OKLab | oklab(54.6% 0.0647 0.0261) |
| OKLCH | oklch(54.6% 0.07 22) |
| XYZ | xyz(18.5984, 15.5648, 12.6122) |
| Luminance | 0.1556 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Reddish Grey
#997570
ΔE00 8.07
Light Maroon
#A24857
ΔE00 8.72
Brownish
#9C6D57
ΔE00 9.66
Dusky Rose
#BA6873
ΔE00 9.67
Pinkish Brown
#B17261
ΔE00 10.00
Dusty Red
#B9484E
ΔE00 10.15
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#95605E #5E9395
analogous
#955E77 #95605E #957C5E
triadic
#95605E #5E9560 #605E95
tetradic
#95605E #77955E #5E9395 #7C5E95
square
#95605E #77955E #5E9395 #7C5E95
split-complementary
#95605E #5E957C #5E7795
monochromatic
#4A302F #6F4846 #95605E #AF8381 #C7A8A6
Accessibility & contrast
On white
5.11
#95605E on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.11
#95605E on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #95605E
5.11:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##95605E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##95605E | 1.00 | 5.11 | 4.11 | 5.11 |
| #FFFFFF | 5.11 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.11 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.11 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#6B685E
Deuteranopia (green-blind)
#77725D
Tritanopia (blue-blind)
#9F5A60
Achromatopsia (no color)
#6E6E6E
Design tokens & code
CSS
--color: #95605e; /* rgb */ color: rgb(149, 96, 94); /* oklch */ color: oklch(54.6% 0.070 22.0);
Tailwind
colors: {
custom: {
50: '#b68d8b',
500: '#95605e',
950: '#000000',
},
}SCSS
$custom: #95605e; $custom-light: #b68d8b; $custom-dark: #000000;
JSON
{
"hex": "#95605e",
"rgb": {
"r": 149,
"g": 96,
"b": 94
},
"hsl": {
"h": 2.182,
"s": 22.634,
"l": 47.647
},
"oklch": {
"l": 0.54604,
"c": 0.06971,
"h": 22
},
"luminance": 0.15563
}Semantic roles & 50–950 ramp
primary
#95605E
secondary
#9AB4B5
accent
#BCBF69
background
#FBF8F8
surface
#F6F0F0
border
#D0CBCB
text
#110C0C
muted
#807D7D