#28A09C

#28A09C

Color Values

HEX

#28A09C

RGB

40, 160, 156

HSL

178.0, 60.0%, 39.2%

HSV

178.0, 75.0%, 62.7%

CMYK

75.0%, 0.0%, 2.5%, 37.3%

OKLCH

0.6421 0.101 191.5

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#28A09C

#A0282C

Analogous

#28A060

#2868A0

#28A09C

Triadic

#28A09C

#9C28A0

#A09C28

Split Complementary

#28A09C

#A02868

#A06028

Tetradic

#28A09C

#6028A0

#A0282C

#68A028

Color Blindness Simulation

Original

#28A09C

Protanopia

#5C5D9D

Deuteranopia

#554C9D

Tritanopia

#2E9E9E

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F3FBFB
100
#E4F6F6
200
#C6F1EF
300
#9DE7E4
400
#68D9D5
500
#33CCC7
600
#29A39F
700
#21837F
800
#1A6663
900
#164B49
950
#0E2F2E

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

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