#428C86

#428C86

Color Values

HEX

#428C86

RGB

66, 140, 134

HSL

175.1, 35.9%, 40.4%

HSV

175.1, 52.9%, 54.9%

CMYK

52.9%, 0.0%, 4.3%, 45.1%

OKLCH

0.5912 0.0744 188.3

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#428C86

#8C4248

Analogous

#428C61

#426D8C

#428C86

Triadic

#428C86

#86428C

#8C8642

Split Complementary

#428C86

#8C426D

#8C6142

Tetradic

#428C86

#61428C

#8C4248

#6D8C42

Color Blindness Simulation

Original

#428C86

Protanopia

#626387

Deuteranopia

#5E5888

Tritanopia

#468989

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E8F3F2
200
#CEE8E6
300
#ACD8D4
400
#7FC3BD
500
#52ADA6
600
#418B85
700
#346F6A
800
#295753
900
#21403E
950
#152827

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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