#428883

#428883

Color Values

HEX

#428883

RGB

66, 136, 131

HSL

175.7, 34.7%, 39.6%

HSV

175.7, 51.5%, 53.3%

CMYK

51.5%, 0.0%, 3.7%, 46.7%

OKLCH

0.5801 0.0711 189.2

Properties

Cool Light Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#428883

#884247

Analogous

#428860

#426A88

#428883

Triadic

#428883

#834288

#888342

Split Complementary

#428883

#88426A

#886042

Tetradic

#428883

#604288

#884247

#6A8842

Color Blindness Simulation

Original

#428883

Protanopia

#606184

Deuteranopia

#5C5784

Tritanopia

#468585

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E8F2F2
200
#CFE8E6
300
#ADD7D4
400
#80C1BD
500
#53ACA5
600
#438984
700
#356E6A
800
#2A5653
900
#21403D
950
#152827

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

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