#188B66

#188B66

Color Values

HEX

#188B66

RGB

24, 139, 102

HSL

160.7, 70.6%, 32.0%

HSV

160.7, 82.7%, 54.5%

CMYK

82.7%, 0.0%, 26.6%, 45.5%

OKLCH

0.5672 0.1127 165.2

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#188B66

#8B183D

Analogous

#188B2D

#18778B

#188B66

Triadic

#188B66

#66188B

#8B6618

Split Complementary

#188B66

#8B1877

#8B2D18

Tetradic

#188B66

#2D188B

#8B183D

#778B18

Color Blindness Simulation

Original

#188B66

Protanopia

#4A4B6F

Deuteranopia

#433A71

Tritanopia

#1E7678

Achromatopsia

#707070

CSS Usage

background-color: #188B66;
color: #188B66;
border-color: #188B66;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F3FCF9
100
#E2F8F1
200
#C2F5E4
300
#97EDD1
400
#5EE3B8
500
#25DAA0
600
#1EAE80
700
#188B66
800
#136D50
900
#124F3B
950
#0B3226

Contrast Checker

Text on white

4.27:1

AA Fail AAA Fail

Text on black

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