#248C58

#248C58

Color Values

HEX

#248C58

RGB

36, 140, 88

HSL

150.0, 59.1%, 34.5%

HSV

150.0, 74.3%, 54.9%

CMYK

74.3%, 0.0%, 37.1%, 45.1%

OKLCH

0.5689 0.1231 156.4

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#248C58

#8C2458

Analogous

#248C24

#248C8C

#248C58

Triadic

#248C58

#58248C

#8C5824

Split Complementary

#248C58

#8C248C

#8C2424

Tetradic

#248C58

#24248C

#8C2458

#8C8C24

Color Blindness Simulation

Original

#248C58

Protanopia

#515265

Deuteranopia

#4B4368

Tritanopia

#296F71

Achromatopsia

#727272

CSS Usage

background-color: #248C58;
color: #248C58;
border-color: #248C58;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F4FBF7
100
#E4F6ED
200
#C6F0DB
300
#9EE6C2
400
#69D8A1
500
#34CB80
600
#2AA266
700
#218252
800
#1A6540
900
#174A30
950
#0E2F1F

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

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