#32878D

#32878D

Color Values

HEX

#32878D

RGB

50, 135, 141

HSL

184.0, 47.6%, 37.5%

HSV

184.0, 64.5%, 55.3%

CMYK

64.5%, 4.3%, 0.0%, 44.7%

OKLCH

0.5753 0.0805 201.7

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#32878D

#8D3832

Analogous

#328D66

#325A8D

#32878D

Triadic

#32878D

#8D3287

#878D32

Split Complementary

#32878D

#8D325A

#8D6632

Tetradic

#32878D

#66328D

#8D3832

#5A8D32

Color Blindness Simulation

Original

#32878D

Protanopia

#57588C

Deuteranopia

#524C8B

Tritanopia

#368A8A

Achromatopsia

#757575

CSS Usage

background-color: #32878D;
color: #32878D;
border-color: #32878D;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FAFA
100
#E6F3F4
200
#CAEAEC
300
#A5DBDF
400
#74C8CE
500
#43B4BC
600
#359097
700
#2B7378
800
#215A5E
900
#1C4245
950
#112A2C

Contrast Checker

Text on white

4.21:1

AA Fail AAA Fail

Text on black

4.99:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026