#355D7B#355D7B
#355D7B is a mid, moderate cyan. Relative luminance 0.100; OKLCH L 46.2% C 0.067 H 242.5°. Best body text is #FFFFFF at 6.99:1 contrast (WCAG AA passes).
Color values
| HEX | #355D7B |
|---|---|
| RGB | rgb(53, 93, 123) |
| HSL | hsl(206, 40%, 35%) |
| HSV | hsv(206, 57%, 48%) |
| CMYK | cmyk(56.9%, 24.4%, 0%, 51.8%) |
| CIE-LAB | lab(37.87, -4.67, -21.18) |
| CIE-LCH | lch(37.87, 21.69, 257.58°) |
| OKLab | oklab(46.22% -0.0308 -0.0592) |
| OKLCH | oklch(46.22% 0.067 242.5) |
| XYZ | xyz(8.9564, 10.0149, 20.1961) |
| Luminance | 0.1002 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
Closest named colors
Ugly Blue
#31668A
ΔE00 3.59
Denim (survey)
#3B638C
ΔE00 4.08
Light Navy Blue
#2E5A88
ΔE00 4.13
Deep Sea Blue
#015482
ΔE00 5.15
Peacock Blue
#016795
ΔE00 5.87
Dusk Blue
#26538D
ΔE00 6.15
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#355D7B #7B5335
analogous
#357B76 #355D7B #353A7B
triadic
#355D7B #7B355D #5D7B35
tetradic
#355D7B #76357B #7B5335 #3A7B35
square
#355D7B #76357B #7B5335 #3A7B35
split-complementary
#355D7B #7B353A #7B7635
monochromatic
#101C25 #233D50 #355D7B #477DA6 #6B9BBF
Accessibility & contrast
On white
6.99
#355D7B on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.00
#355D7B on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #355D7B
6.99:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##355D7B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##355D7B | 1.00 | 6.99 | 3.00 | 6.99 |
| #FFFFFF | 6.99 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.00 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.99 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#505D7C
Deuteranopia (green-blind)
#47567A
Tritanopia (blue-blind)
#036467
Achromatopsia (no color)
#595959
Design tokens & code
CSS
--color: #355d7b; /* rgb */ color: rgb(53, 93, 123); /* oklch */ color: oklch(46.2% 0.067 242.5);
Tailwind
colors: {
custom: {
50: '#728aa1',
500: '#355d7b',
950: '#000000',
},
}SCSS
$custom: #355d7b; $custom-light: #728aa1; $custom-dark: #000000;
JSON
{
"hex": "#355d7b",
"rgb": {
"r": 53,
"g": 93,
"b": 123
},
"hsl": {
"h": 205.714,
"s": 39.773,
"l": 34.51
},
"oklch": {
"l": 0.46221,
"c": 0.06678,
"h": 242.5
},
"luminance": 0.10016
}Semantic roles & 50–950 ramp
primary
#355D7B
secondary
#A88164
accent
#8B58D0
background
#F7F8F9
surface
#EDF0F2
border
#C8CBCC
text
#080B0F
muted
#7B7C7E