#915447#915447
#915447 is a mid, moderate red. Relative luminance 0.128; OKLCH L 51.3% C 0.085 H 32.9°. Best body text is #FFFFFF at 5.89:1 contrast (WCAG AA passes).
Color values
| HEX | #915447 |
|---|---|
| RGB | rgb(145, 84, 71) |
| HSL | hsl(11, 34%, 42%) |
| HSV | hsv(11, 51%, 57%) |
| CMYK | cmyk(0%, 42.1%, 51%, 43.1%) |
| CIE-LAB | lab(42.49, 23.90, 18.52) |
| CIE-LCH | lch(42.49, 30.24, 37.77°) |
| OKLab | oklab(51.32% 0.071 0.0459) |
| OKLCH | oklch(51.32% 0.085 32.9) |
| XYZ | xyz(15.9857, 12.8168, 7.5920) |
| Luminance | 0.1281 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Sienna
#A0522D
ΔE00 8.45
Brownish Red
#9E3623
ΔE00 9.33
Brick
#A03623
ΔE00 9.42
Brownish
#9C6D57
ΔE00 9.50
Cocoa
#875F42
ΔE00 9.58
Dull Red
#BB3F3F
ΔE00 10.21
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#915447 #478491
analogous
#91475F #915447 #917947
triadic
#915447 #479154 #544791
tetradic
#915447 #5F9147 #478491 #794791
square
#915447 #5F9147 #478491 #794791
split-complementary
#915447 #479179 #475F91
monochromatic
#3F241F #683C33 #915447 #B27163 #C7968C
Accessibility & contrast
On white
5.89
#915447 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.56
#915447 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #915447
5.89:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##915447 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##915447 | 1.00 | 5.89 | 3.56 | 5.89 |
| #FFFFFF | 5.89 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.56 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.89 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#635D46
Deuteranopia (green-blind)
#716946
Tritanopia (blue-blind)
#9D4B51
Achromatopsia (no color)
#646464
Design tokens & code
CSS
--color: #915447; /* rgb */ color: rgb(145, 84, 71); /* oklch */ color: oklch(51.3% 0.085 32.9);
Tailwind
colors: {
custom: {
50: '#b4857a',
500: '#915447',
950: '#000000',
},
}SCSS
$custom: #915447; $custom-light: #b4857a; $custom-dark: #000000;
JSON
{
"hex": "#915447",
"rgb": {
"r": 145,
"g": 84,
"b": 71
},
"hsl": {
"h": 10.541,
"s": 34.259,
"l": 42.353
},
"oklch": {
"l": 0.51322,
"c": 0.0845,
"h": 32.9
},
"luminance": 0.12815
}Semantic roles & 50–950 ramp
primary
#915447
secondary
#82AAB2
accent
#B7CA5D
background
#FBF8F7
surface
#F6EFED
border
#D0CAC8
text
#110B09
muted
#807C7B