#6A6310#6A6310
#6A6310 is a mid, moderate yellow. Relative luminance 0.120; OKLCH L 49.1% C 0.098 H 104.3°. Best body text is #FFFFFF at 6.17:1 contrast (WCAG AA passes).
Color values
| HEX | #6A6310 |
|---|---|
| RGB | rgb(106, 99, 16) |
| HSL | hsl(55, 74%, 24%) |
| HSV | hsv(55, 85%, 42%) |
| CMYK | cmyk(0%, 6.6%, 84.9%, 58.4%) |
| CIE-LAB | lab(41.26, -6.89, 43.77) |
| CIE-LCH | lch(41.26, 44.31, 98.94°) |
| OKLab | oklab(49.12% -0.0241 0.0946) |
| OKLCH | oklch(49.12% 0.098 104.3) |
| XYZ | xyz(10.4997, 12.0257, 2.2582) |
| Luminance | 0.1202 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Greenish Brown
#696112
ΔE00 0.86
Greeny Brown
#696006
ΔE00 1.35
Brown Green
#706C11
ΔE00 3.36
Browny Green
#6F6C0A
ΔE00 3.56
Mud Green
#606602
ΔE00 4.25
Brownish Green
#6A6E09
ΔE00 4.96
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#6A6310 #10176A
analogous
#6A3610 #6A6310 #446A10
triadic
#6A6310 #106A63 #63106A
tetradic
#6A6310 #106A36 #10176A #6A1044
square
#6A6310 #106A36 #10176A #6A1044
split-complementary
#6A6310 #10446A #36106A
monochromatic
#1B1904 #353108 #6A6310 #9F9518 #D4C620
Accessibility & contrast
On white
6.17
#6A6310 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.41
#6A6310 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #6A6310
6.17:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##6A6310 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##6A6310 | 1.00 | 6.17 | 3.41 | 6.17 |
| #FFFFFF | 6.17 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.41 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.17 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#6D5F00
Deuteranopia (green-blind)
#6F6317
Tritanopia (blue-blind)
#735B54
Achromatopsia (no color)
#616161
Design tokens & code
CSS
--color: #6a6310; /* rgb */ color: rgb(106, 99, 16); /* oklch */ color: oklch(49.1% 0.098 104.3);
Tailwind
colors: {
custom: {
50: '#988f57',
500: '#6a6310',
950: '#000000',
},
}SCSS
$custom: #6a6310; $custom-light: #988f57; $custom-dark: #000000;
JSON
{
"hex": "#6a6310",
"rgb": {
"r": 106,
"g": 99,
"b": 16
},
"hsl": {
"h": 55.333,
"s": 73.77,
"l": 23.922
},
"oklch": {
"l": 0.49124,
"c": 0.09764,
"h": 104.3
},
"luminance": 0.12025
}Semantic roles & 50–950 ramp
primary
#6A6310
secondary
#343CA2
accent
#46F037
background
#F9F8F5
surface
#F2F0E9
border
#CCCBC5
text
#0E0C03
muted
#7E7D78