#428B93

#428B93

Color Values

HEX

#428B93

RGB

66, 139, 147

HSL

185.9, 38.0%, 41.8%

HSV

185.9, 55.1%, 57.6%

CMYK

55.1%, 5.4%, 0.0%, 42.4%

OKLCH

0.5934 0.0734 204.9

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#428B93

#934A42

Analogous

#429373

#426393

#428B93

Triadic

#428B93

#93428B

#8B9342

Split Complementary

#428B93

#934263

#937342

Tetradic

#428B93

#734293

#934A42

#639342

Color Blindness Simulation

Original

#428B93

Protanopia

#626291

Deuteranopia

#5D5891

Tritanopia

#46908F

Achromatopsia

#7C7C7C

CSS Usage

background-color: #428B93;
color: #428B93;
border-color: #428B93;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CEE6E9
300
#ABD4D9
400
#7DBDC5
500
#4FA6B0
600
#3F858D
700
#336B71
800
#285358
900
#203E41
950
#142729

Contrast Checker

Text on white

3.93: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