#28D7BA

#28D7BA

Color Values

HEX

#28D7BA

RGB

40, 215, 186

HSL

170.1, 68.6%, 50.0%

HSV

170.1, 81.4%, 84.3%

CMYK

81.4%, 0.0%, 13.5%, 15.7%

OKLCH

0.7897 0.139 177.7

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#28D7BA

#D72845

Analogous

#28D763

#289CD7

#28D7BA

Triadic

#28D7BA

#BA28D7

#D7BA28

Split Complementary

#28D7BA

#D7289C

#D76328

Tetradic

#28D7BA

#6328D7

#D72845

#9CD728

Color Blindness Simulation

Original

#28D7BA

Protanopia

#7475C1

Deuteranopia

#6A5CC3

Tritanopia

#31C7C8

Achromatopsia

#B0B0B0

CSS Usage

background-color: #28D7BA;
color: #28D7BA;
border-color: #28D7BA;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F3FCFA
100
#E3F8F4
200
#C3F4EC
300
#98ECDE
400
#60E1CC
500
#28D7BA
600
#20AC95
700
#1A8A77
800
#146B5D
900
#134E44
950
#0C312B

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

11.52:1

AA Pass AAA Pass

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