#028C82

#028C82

Color Values

HEX

#028C82

RGB

2, 140, 130

HSL

175.7, 97.2%, 27.8%

HSV

175.7, 98.6%, 54.9%

CMYK

98.6%, 0.0%, 7.1%, 45.1%

OKLCH

0.5761 0.1007 186.0

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#028C82

#8C020C

Analogous

#028C3D

#02518C

#028C82

Triadic

#028C82

#82028C

#8C8202

Split Complementary

#028C82

#8C0251

#8C3D02

Tetradic

#028C82

#3D028C

#8C020C

#518C02

Color Blindness Simulation

Original

#028C82

Protanopia

#3E3F84

Deuteranopia

#362B85

Tritanopia

#098687

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F1FEFD
100
#DEFCFA
200
#B9FEF9
300
#86FDF5
400
#45FCEF
500
#04FBEA
600
#03C9BB
700
#02A196
800
#027E75
900
#065B55
950
#043936

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

5.08:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026