#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026