#428E95

#428E95

Color Values

HEX

#428E95

RGB

66, 142, 149

HSL

185.1, 38.6%, 42.2%

HSV

185.1, 55.7%, 58.4%

CMYK

55.7%, 4.7%, 0.0%, 41.6%

OKLCH

0.6016 0.0754 203.5

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#428E95

#954942

Analogous

#429573

#426595

#428E95

Triadic

#428E95

#95428E

#8E9542

Split Complementary

#428E95

#954265

#957342

Tetradic

#428E95

#734295

#954942

#659542

Color Blindness Simulation

Original

#428E95

Protanopia

#636493

Deuteranopia

#5E5993

Tritanopia

#469292

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CEE7E9
300
#AAD5D9
400
#7CBFC5
500
#4EA8B1
600
#3F878D
700
#326C71
800
#275458
900
#203E41
950
#142729

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

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