#188F52

#188F52

Color Values

HEX

#188F52

RGB

24, 143, 82

HSL

149.2, 71.3%, 32.7%

HSV

149.2, 83.2%, 56.1%

CMYK

83.2%, 0.0%, 42.7%, 43.9%

OKLCH

0.5736 0.1364 154.3

Properties

Cool Light Nearest: springgreen 4

Color Harmonies

Complementary

#188F52

#8F1855

Analogous

#1A8F18

#188F8D

#188F52

Triadic

#188F52

#52188F

#8F5218

Split Complementary

#188F52

#8D188F

#8F181A

Tetradic

#188F52

#181A8F

#8F1855

#8F8D18

Color Blindness Simulation

Original

#188F52

Protanopia

#4C4D61

Deuteranopia

#453C64

Tritanopia

#1E6C6F

Achromatopsia

#717171

CSS Usage

background-color: #188F52;
color: #188F52;
border-color: #188F52;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F3FCF7
100
#E2F8ED
200
#C2F5DB
300
#96EDC1
400
#5DE49F
500
#25DA7D
600
#1DAF64
700
#178C50
800
#126D3F
900
#115030
950
#0B321E

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

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