#79695A#79695A
#79695A is a mid, muted orange. Relative luminance 0.149; OKLCH L 53.2% C 0.031 H 65.3°. Best body text is #FFFFFF at 5.27:1 contrast (WCAG AA passes).
Color values
| HEX | #79695A |
|---|---|
| RGB | rgb(121, 105, 90) |
| HSL | hsl(29, 15%, 41%) |
| HSV | hsv(29, 26%, 47%) |
| CMYK | cmyk(0%, 13.2%, 25.6%, 52.5%) |
| CIE-LAB | lab(45.51, 3.78, 10.77) |
| CIE-LCH | lch(45.51, 11.42, 70.69°) |
| OKLab | oklab(53.17% 0.0128 0.0277) |
| OKLCH | oklch(53.17% 0.031 65.3) |
| XYZ | xyz(14.7823, 14.9067, 11.7695) |
| Luminance | 0.1491 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Dark Taupe
#7F684E
ΔE00 4.51
Greyish Brown
#7A6A4F
ΔE00 5.18
Grey Brown
#7F7053
ΔE00 6.54
Brownish Grey
#86775F
ΔE00 6.71
Dull Brown
#876E4B
ΔE00 7.57
Taupe
#8B7D6B
ΔE00 7.97
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#79695A #5A6A79
analogous
#795A5B #79695A #79795A
triadic
#79695A #5A7969 #695A79
tetradic
#79695A #5B795A #5A6A79 #795A79
square
#79695A #5B795A #5A6A79 #795A79
split-complementary
#79695A #5A7979 #5A5B79
monochromatic
#332C26 #564B40 #79695A #9A8877 #B4A69A
Accessibility & contrast
On white
5.27
#79695A on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.98
#79695A on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #79695A
5.27:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##79695A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##79695A | 1.00 | 5.27 | 3.98 | 5.27 |
| #FFFFFF | 5.27 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.98 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.27 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#6E6A59
Deuteranopia (green-blind)
#726D5A
Tritanopia (blue-blind)
#7F6665
Achromatopsia (no color)
#6C6C6C
Design tokens & code
CSS
--color: #79695a; /* rgb */ color: rgb(121, 105, 90); /* oklch */ color: oklch(53.2% 0.031 65.3);
Tailwind
colors: {
custom: {
50: '#a09388',
500: '#79695a',
950: '#000000',
},
}SCSS
$custom: #79695a; $custom-light: #a09388; $custom-dark: #000000;
JSON
{
"hex": "#79695a",
"rgb": {
"r": 121,
"g": 105,
"b": 90
},
"hsl": {
"h": 29.032,
"s": 14.692,
"l": 41.373
},
"oklch": {
"l": 0.53166,
"c": 0.03051,
"h": 65.3
},
"luminance": 0.14906
}Semantic roles & 50–950 ramp
primary
#79695A
secondary
#8D98A2
accent
#95B770
background
#F9F9F8
surface
#F2F1EF
border
#CCCBCA
text
#0E0D0B
muted
#7E7E7C