#104946#104946
#104946 is a dark, muted teal. Relative luminance 0.053; OKLCH L 36.9% C 0.057 H 189.8°. Best body text is #FFFFFF at 10.18:1 contrast (WCAG AA passes).
Color values
| HEX | #104946 |
|---|---|
| RGB | rgb(16, 73, 70) |
| HSL | hsl(177, 64%, 17%) |
| HSV | hsv(177, 78%, 29%) |
| CMYK | cmyk(78.1%, 0%, 4.1%, 71.4%) |
| CIE-LAB | lab(27.62, -18.54, -3.45) |
| CIE-LCH | lch(27.62, 18.86, 190.56°) |
| OKLab | oklab(36.92% -0.056 -0.0097) |
| OKLCH | oklch(36.92% 0.057 189.8) |
| XYZ | xyz(3.7012, 5.3170, 6.6244) |
| Luminance | 0.0532 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Dark Teal
#014D4E
ΔE00 2.47
Dark Blue Green
#005249
ΔE00 4.48
Deep Teal
#00555A
ΔE00 5.45
Darkslategray
#2F4F4F
ΔE00 5.72
Dark Turquoise
#045C5A
ΔE00 6.35
Dark Green Blue
#1F6357
ΔE00 9.20
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#104946 #491013
analogous
#104929 #104946 #103049
triadic
#104946 #461049 #494610
tetradic
#104946 #291049 #491013 #304910
square
#104946 #291049 #491013 #304910
split-complementary
#104946 #491030 #492910
monochromatic
#061918 #061918 #104946 #1B7B76 #26ADA6
Accessibility & contrast
On white
10.18
#104946 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.06
#104946 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #104946
10.18:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##104946 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##104946 | 1.00 | 10.18 | 2.06 | 10.18 |
| #FFFFFF | 10.18 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.06 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.18 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#444546
Deuteranopia (green-blind)
#3C3F47
Tritanopia (blue-blind)
#004B48
Achromatopsia (no color)
#414141
Design tokens & code
CSS
--color: #104946; /* rgb */ color: rgb(16, 73, 70); /* oklch */ color: oklch(36.9% 0.057 189.8);
Tailwind
colors: {
custom: {
50: '#597c79',
500: '#104946',
950: '#000000',
},
}SCSS
$custom: #104946; $custom-light: #597c79; $custom-dark: #000000;
JSON
{
"hex": "#104946",
"rgb": {
"r": 16,
"g": 73,
"b": 70
},
"hsl": {
"h": 176.842,
"s": 64.045,
"l": 17.451
},
"oklch": {
"l": 0.36916,
"c": 0.05684,
"h": 189.8
},
"luminance": 0.05317
}Semantic roles & 50–950 ramp
primary
#104946
secondary
#833236
accent
#414AE7
background
#F5F7F7
surface
#E9EEED
border
#C5C9C8
text
#040909
muted
#797B7B