#028DA2

#028DA2

Color Values

HEX

#028DA2

RGB

2, 141, 162

HSL

187.9, 97.6%, 32.2%

HSV

187.9, 98.8%, 63.5%

CMYK

98.8%, 13.0%, 0.0%, 36.5%

OKLCH

0.5912 0.1031 213.0

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#028DA2

#A21702

Analogous

#02A267

#023DA2

#028DA2

Triadic

#028DA2

#A2028D

#8DA202

Split Complementary

#028DA2

#A2023D

#A26702

Tetradic

#028DA2

#6702A2

#A21702

#3DA202

Color Blindness Simulation

Original

#028DA2

Protanopia

#3E3F9D

Deuteranopia

#362C9C

Tritanopia

#099998

Achromatopsia

#717171

CSS Usage

background-color: #028DA2;
color: #028DA2;
border-color: #028DA2;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F1FCFE
100
#DEF8FC
200
#B8F5FE
300
#86EEFE
400
#45E4FD
500
#03DBFC
600
#02AFCA
700
#028CA1
800
#026E7E
900
#06505B
950
#043239

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