#248F50

#248F50

Color Values

HEX

#248F50

RGB

36, 143, 80

HSL

144.7, 59.8%, 35.1%

HSV

144.7, 74.8%, 56.1%

CMYK

74.8%, 0.0%, 44.1%, 43.9%

OKLCH

0.5755 0.1349 152.6

Properties

Cool Light Nearest: springgreen 4

Color Harmonies

Complementary

#248F50

#8F2463

Analogous

#2D8F24

#248F86

#248F50

Triadic

#248F50

#50248F

#8F5024

Split Complementary

#248F50

#86248F

#8F242D

Tetradic

#248F50

#242D8F

#8F2463

#8F8624

Color Blindness Simulation

Original

#248F50

Protanopia

#52535F

Deuteranopia

#4C4463

Tritanopia

#296B6E

Achromatopsia

#747474

CSS Usage

background-color: #248F50;
color: #248F50;
border-color: #248F50;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F3FBF7
100
#E4F6EC
200
#C6F1D8
300
#9DE6BB
400
#68D997
500
#33CC72
600
#29A35B
700
#218249
800
#1A6639
900
#164B2C
950
#0E2F1C

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

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