#188581

#188581

Color Values

HEX

#188581

RGB

24, 133, 129

HSL

177.8, 69.4%, 30.8%

HSV

177.8, 82.0%, 52.2%

CMYK

82.0%, 0.0%, 3.0%, 47.8%

OKLCH

0.5594 0.091 191.0

Properties

Cool Light Nearest: teal

Color Harmonies

Complementary

#188581

#85181C

Analogous

#18854B

#185385

#188581

Triadic

#188581

#811885

#858118

Split Complementary

#188581

#851853

#854B18

Tetradic

#188581

#4B1885

#85181C

#538518

Color Blindness Simulation

Original

#188581

Protanopia

#474882

Deuteranopia

#413982

Tritanopia

#1D8383

Achromatopsia

#6E6E6E

CSS Usage

background-color: #188581;
color: #188581;
border-color: #188581;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F3FCFC
100
#E3F8F7
200
#C3F4F2
300
#97ECE9
400
#5FE2DD
500
#27D8D1
600
#1FADA8
700
#198A86
800
#146C69
900
#124F4C
950
#0B3230

Contrast Checker

Text on white

4.46:1

AA Fail AAA Fail

Text on black

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