#028983

#028983

Color Values

HEX

#028983

RGB

2, 137, 131

HSL

177.3, 97.1%, 27.3%

HSV

177.3, 98.5%, 53.7%

CMYK

98.5%, 0.0%, 4.4%, 46.3%

OKLCH

0.5685 0.098 189.4

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#028983

#890208

Analogous

#028940

#024C89

#028983

Triadic

#028983

#830289

#898302

Split Complementary

#028983

#89024C

#894002

Tetradic

#028983

#400289

#890208

#4C8902

Color Blindness Simulation

Original

#028983

Protanopia

#3C3E84

Deuteranopia

#352A85

Tritanopia

#098686

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F1FEFD
100
#DEFCFB
200
#B9FEFB
300
#86FDF8
400
#45FCF4
500
#04FBF0
600
#03C9C0
700
#02A19A
800
#027E78
900
#065B57
950
#043937

Contrast Checker

Text on white

4.28:1

AA Fail AAA Fail

Text on black

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