#428391

#428391

Color Values

HEX

#428391

RGB

66, 131, 145

HSL

190.6, 37.4%, 41.4%

HSV

190.6, 54.5%, 56.9%

CMYK

54.5%, 9.7%, 0.0%, 43.1%

OKLCH

0.5727 0.0696 213.5

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#428391

#915042

Analogous

#429178

#425C91

#428391

Triadic

#428391

#914283

#839142

Split Complementary

#428391

#91425C

#917842

Tetradic

#428391

#784291

#915042

#5C9142

Color Blindness Simulation

Original

#428391

Protanopia

#5E5F8E

Deuteranopia

#5A568D

Tritanopia

#458B8A

Achromatopsia

#767676

CSS Usage

background-color: #428391;
color: #428391;
border-color: #428391;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CEE4E9
300
#ABD1D9
400
#7DB7C4
500
#509EAF
600
#407F8C
700
#336570
800
#284F58
900
#203B41
950
#142529

Contrast Checker

Text on white

4.3:1

AA Fail AAA Fail

Text on black

4.89:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026