#23919F#23919F
#23919F is a mid, moderate teal. Relative luminance 0.231; OKLCH L 60.4% C 0.095 H 207.9°. Best body text is #000000 at 5.62:1 contrast (WCAG AA passes).
Color values
| HEX | #23919F |
|---|---|
| RGB | rgb(35, 145, 159) |
| HSL | hsl(187, 64%, 38%) |
| HSV | hsv(187, 78%, 62%) |
| CMYK | cmyk(78%, 8.8%, 0%, 37.6%) |
| CIE-LAB | lab(55.18, -24.71, -16.02) |
| CIE-LCH | lch(55.18, 29.45, 212.95°) |
| OKLab | oklab(60.41% -0.0842 -0.0446) |
| OKLCH | oklch(60.41% 0.095 207.9) |
| XYZ | xyz(17.0738, 23.1092, 36.3548) |
| Luminance | 0.2311 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Teal Blue
#01889F
ΔE00 4.59
Dark Cyan
#0A888A
ΔE00 6.28
Darkcyan
#008B8B
ΔE00 6.63
Cadetblue
#5F9EA0
ΔE00 7.62
Greenish Blue
#0B8B87
ΔE00 8.08
Sea
#3C9992
ΔE00 8.72
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#23919F #9F3123
analogous
#239F6F #23919F #23539F
triadic
#23919F #9F2391 #919F23
tetradic
#23919F #6F239F #9F3123 #539F23
square
#23919F #6F239F #9F3123 #539F23
split-complementary
#23919F #9F2353 #9F6F23
monochromatic
#0D363B #18636D #23919F #2EBFD1 #60CEDC
Accessibility & contrast
On white
3.74
#23919F on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.62
#23919F on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #23919F
5.62:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##23919F | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##23919F | 1.00 | 3.74 | 5.62 | 5.62 |
| #FFFFFF | 3.74 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.62 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.62 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#848BA0
Deuteranopia (green-blind)
#737F9F
Tritanopia (blue-blind)
#009895
Achromatopsia (no color)
#848484
Design tokens & code
CSS
--color: #23919f; /* rgb */ color: rgb(35, 145, 159); /* oklch */ color: oklch(60.4% 0.095 207.9);
Tailwind
colors: {
custom: {
50: '#74b1bb',
500: '#23919f',
950: '#000000',
},
}SCSS
$custom: #23919f; $custom-light: #74b1bb; $custom-dark: #000000;
JSON
{
"hex": "#23919f",
"rgb": {
"r": 35,
"g": 145,
"b": 159
},
"hsl": {
"h": 186.774,
"s": 63.918,
"l": 38.039
},
"oklch": {
"l": 0.60408,
"c": 0.09531,
"h": 207.9
},
"luminance": 0.23111
}Semantic roles & 50–950 ramp
primary
#23919F
secondary
#C1685D
accent
#5441E7
background
#F7FAFB
surface
#EEF5F6
border
#C9CFD0
text
#091111
muted
#7B8080