#356572

#356572

Color Values

HEX

#356572

RGB

53, 101, 114

HSL

192.8, 36.5%, 32.7%

HSV

192.8, 53.5%, 44.7%

CMYK

53.5%, 11.4%, 0.0%, 55.3%

OKLCH

0.4783 0.0561 217.5

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#356572

#724235

Analogous

#357260

#354672

#356572

Triadic

#356572

#723565

#657235

Split Complementary

#356572

#723546

#726035

Tetradic

#356572

#603572

#724235

#467235

Color Blindness Simulation

Original

#356572

Protanopia

#4A4A6F

Deuteranopia

#47436E

Tritanopia

#376C6C

Achromatopsia

#5C5C5C

CSS Usage

background-color: #356572;
color: #356572;
border-color: #356572;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F5F9FA
100
#E8F0F3
200
#CEE3E8
300
#ABCFD8
400
#7EB4C3
500
#519AAE
600
#417B8B
700
#34636F
800
#284D57
900
#213A40
950
#152429

Contrast Checker

Text on white

6.45:1

AA Pass AAA Fail

Text on black

3.26:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026