#33676C

#33676C

Color Values

HEX

#33676C

RGB

51, 103, 108

HSL

185.3, 35.8%, 31.2%

HSV

185.3, 52.8%, 42.4%

CMYK

52.8%, 4.6%, 0.0%, 57.6%

OKLCH

0.4801 0.0561 203.7

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#33676C

#6C3833

Analogous

#336C55

#334B6C

#33676C

Triadic

#33676C

#6C3367

#676C33

Split Complementary

#33676C

#6C334B

#6C5533

Tetradic

#33676C

#55336C

#6C3833

#4B6C33

Color Blindness Simulation

Original

#33676C

Protanopia

#4A4A6B

Deuteranopia

#46436A

Tritanopia

#366A6A

Achromatopsia

#5C5C5C

CSS Usage

background-color: #33676C;
color: #33676C;
border-color: #33676C;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F5F9FA
100
#E8F2F3
200
#CFE6E8
300
#ACD4D8
400
#7FBCC2
500
#52A5AD
600
#41848B
700
#346A6F
800
#295357
900
#213D40
950
#152728

Contrast Checker

Text on white

6.37:1

AA Pass AAA Fail

Text on black

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