#188F7F

#188F7F

Color Values

HEX

#188F7F

RGB

24, 143, 127

HSL

171.9, 71.3%, 32.7%

HSV

171.9, 83.2%, 56.1%

CMYK

83.2%, 0.0%, 11.2%, 43.9%

OKLCH

0.5853 0.1005 180.8

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#188F7F

#8F1828

Analogous

#188F43

#18638F

#188F7F

Triadic

#188F7F

#7F188F

#8F7F18

Split Complementary

#188F7F

#8F1863

#8F4318

Tetradic

#188F7F

#43188F

#8F1828

#638F18

Color Blindness Simulation

Original

#188F7F

Protanopia

#4C4D83

Deuteranopia

#453C84

Tritanopia

#1E8687

Achromatopsia

#757575

CSS Usage

background-color: #188F7F;
color: #188F7F;
border-color: #188F7F;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FCFB
100
#E2F8F5
200
#C2F5EE
300
#96EDE2
400
#5DE4D2
500
#25DAC2
600
#1DAF9B
700
#178C7C
800
#126D61
900
#115047
950
#0B322D

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

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