#028D89

#028D89

Color Values

HEX

#028D89

RGB

2, 141, 137

HSL

178.3, 97.2%, 28.0%

HSV

178.3, 98.6%, 55.3%

CMYK

98.6%, 0.0%, 2.8%, 44.7%

OKLCH

0.5812 0.0997 191.2

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#028D89

#8D0206

Analogous

#028D43

#024B8D

#028D89

Triadic

#028D89

#89028D

#8D8902

Split Complementary

#028D89

#8D024B

#8D4302

Tetradic

#028D89

#43028D

#8D0206

#4B8D02

Color Blindness Simulation

Original

#028D89

Protanopia

#3E3F8A

Deuteranopia

#362C8A

Tritanopia

#098B8B

Achromatopsia

#6F6F6F

CSS Usage

background-color: #028D89;
color: #028D89;
border-color: #028D89;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F1FEFD
100
#DEFCFB
200
#B9FEFC
300
#86FDFA
400
#45FCF7
500
#04FBF4
600
#03C9C4
700
#02A19C
800
#027E7A
900
#065B58
950
#043938

Contrast Checker

Text on white

4.06:1

AA Fail AAA Fail

Text on black

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