#235674#235674
#235674 is a dark, moderate cyan. Relative luminance 0.083; OKLCH L 43.3% C 0.073 H 237.7°. Best body text is #FFFFFF at 7.91:1 contrast (WCAG AA passes).
Color values
| HEX | #235674 |
|---|---|
| RGB | rgb(35, 86, 116) |
| HSL | hsl(202, 54%, 30%) |
| HSV | hsv(202, 70%, 45%) |
| CMYK | cmyk(69.8%, 25.9%, 0%, 54.5%) |
| CIE-LAB | lab(34.55, -6.58, -22.08) |
| CIE-LCH | lch(34.55, 23.04, 253.41°) |
| OKLab | oklab(43.27% -0.0392 -0.0621) |
| OKLCH | oklch(43.27% 0.073 237.7) |
| XYZ | xyz(7.1721, 8.2731, 17.7385) |
| Luminance | 0.0827 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
Closest named colors
Deep Sea Blue
#015482
ΔE00 3.87
Dark Slate Blue
#214761
ΔE00 5.18
Light Navy Blue
#2E5A88
ΔE00 5.65
Light Navy
#155084
ΔE00 5.68
Ugly Blue
#31668A
ΔE00 5.86
Dark Grey Blue
#29465B
ΔE00 6.17
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#235674 #744123
analogous
#23746A #235674 #232E74
triadic
#235674 #742356 #567423
tetradic
#235674 #6A2374 #744123 #2E7423
square
#235674 #6A2374 #744123 #2E7423
split-complementary
#235674 #74232E #746A23
monochromatic
#071118 #153345 #235674 #3179A3 #4999C8
Accessibility & contrast
On white
7.91
#235674 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.65
#235674 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #235674
7.91:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##235674 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##235674 | 1.00 | 7.91 | 2.65 | 7.91 |
| #FFFFFF | 7.91 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.65 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.91 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#485675
Deuteranopia (green-blind)
#3D4E73
Tritanopia (blue-blind)
#005E60
Achromatopsia (no color)
#515151
Design tokens & code
CSS
--color: #235674; /* rgb */ color: rgb(35, 86, 116); /* oklch */ color: oklch(43.3% 0.073 237.7);
Tailwind
colors: {
custom: {
50: '#68859c',
500: '#235674',
950: '#000000',
},
}SCSS
$custom: #235674; $custom-light: #68859c; $custom-dark: #000000;
JSON
{
"hex": "#235674",
"rgb": {
"r": 35,
"g": 86,
"b": 116
},
"hsl": {
"h": 202.222,
"s": 53.642,
"l": 29.608
},
"oklch": {
"l": 0.43272,
"c": 0.07345,
"h": 237.7
},
"luminance": 0.08274
}Semantic roles & 50–950 ramp
primary
#235674
secondary
#A76E4C
accent
#814BDD
background
#F6F8F9
surface
#EBEFF2
border
#C6CACC
text
#070B0E
muted
#7A7C7E