#427174

#427174

Color Values

HEX

#427174

RGB

66, 113, 116

HSL

183.6, 27.5%, 35.7%

HSV

183.6, 43.1%, 45.5%

CMYK

43.1%, 2.6%, 0.0%, 54.5%

OKLCH

0.5163 0.0516 200.9

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#427174

#744542

Analogous

#42745E

#425874

#427174

Triadic

#427174

#744271

#717442

Split Complementary

#427174

#744258

#745E42

Tetradic

#427174

#5E4274

#744542

#587442

Color Blindness Simulation

Original

#427174

Protanopia

#565773

Deuteranopia

#545073

Tritanopia

#447373

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F1F1
200
#D1E4E5
300
#B1D1D3
400
#87B7BB
500
#5C9EA3
600
#4A7F82
700
#3B6568
800
#2E4F51
900
#243B3C
950
#172526

Contrast Checker

Text on white

5.46:1

AA Pass AAA Fail

Text on black

3.85:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026