#428B94

#428B94

Color Values

HEX

#428B94

RGB

66, 139, 148

HSL

186.6, 38.3%, 42.0%

HSV

186.6, 55.4%, 58.0%

CMYK

55.4%, 6.1%, 0.0%, 42.0%

OKLCH

0.5938 0.0737 206.1

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#428B94

#944B42

Analogous

#429474

#426294

#428B94

Triadic

#428B94

#94428B

#8B9442

Split Complementary

#428B94

#944262

#947442

Tetradic

#428B94

#744294

#944B42

#629442

Color Blindness Simulation

Original

#428B94

Protanopia

#626292

Deuteranopia

#5D5891

Tritanopia

#469090

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CEE6E9
300
#AAD4D9
400
#7DBDC5
500
#4FA6B0
600
#3F848D
700
#326A71
800
#275358
900
#203D41
950
#142729

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

5.35:1

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