#427C82

#427C82

Color Values

HEX

#427C82

RGB

66, 124, 130

HSL

185.6, 32.7%, 38.4%

HSV

185.6, 49.2%, 51.0%

CMYK

49.2%, 4.6%, 0.0%, 49.0%

OKLCH

0.5494 0.0614 204.3

Properties

Cool Dark Nearest: cadetblue 4

Color Harmonies

Complementary

#427C82

#824842

Analogous

#428268

#425C82

#427C82

Triadic

#427C82

#82427C

#7C8242

Split Complementary

#427C82

#82425C

#826842

Tetradic

#427C82

#684282

#824842

#5C8242

Color Blindness Simulation

Original

#427C82

Protanopia

#5B5C81

Deuteranopia

#585380

Tritanopia

#457F7F

Achromatopsia

#707070

CSS Usage

background-color: #427C82;
color: #427C82;
border-color: #427C82;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5F9F9
100
#E8F1F2
200
#D0E5E7
300
#AED2D6
400
#82BAC0
500
#56A1A9
600
#458187
700
#37676C
800
#2B5155
900
#223C3F
950
#162628

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

4.44:1

AA Fail 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