#428997

#428997

Color Values

HEX

#428997

RGB

66, 137, 151

HSL

189.9, 39.2%, 42.5%

HSV

189.9, 56.3%, 59.2%

CMYK

56.3%, 9.3%, 0.0%, 40.8%

OKLCH

0.59 0.0739 212.2

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#428997

#975042

Analogous

#42977A

#425E97

#428997

Triadic

#428997

#974289

#899742

Split Complementary

#428997

#97425E

#977A42

Tetradic

#428997

#7A4297

#975042

#5E9742

Color Blindness Simulation

Original

#428997

Protanopia

#616194

Deuteranopia

#5D5793

Tritanopia

#469190

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CDE5E9
300
#AAD2DA
400
#7CB9C6
500
#4EA1B1
600
#3E818E
700
#326772
800
#275059
900
#1F3C42
950
#142629

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

5.26:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026