#336770

#336770

Color Values

HEX

#336770

RGB

51, 103, 112

HSL

188.9, 37.4%, 32.0%

HSV

188.9, 54.5%, 43.9%

CMYK

54.5%, 8.0%, 0.0%, 56.1%

OKLCH

0.4817 0.0572 210.1

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#336770

#703C33

Analogous

#33705B

#334970

#336770

Triadic

#336770

#703367

#677033

Split Complementary

#336770

#703349

#705B33

Tetradic

#336770

#5B3370

#703C33

#497033

Color Blindness Simulation

Original

#336770

Protanopia

#4A4A6E

Deuteranopia

#46436D

Tritanopia

#366C6C

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CEE5E9
300
#ABD2D9
400
#7DB9C4
500
#50A1AF
600
#40818C
700
#336770
800
#285158
900
#203C41
950
#142629

Contrast Checker

Text on white

6.34:1

AA Pass AAA Fail

Text on black

3.31: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