#48903C

#48903C

Color Values

HEX

#48903C

RGB

72, 144, 60

HSL

111.4, 41.2%, 40.0%

HSV

111.4, 58.3%, 56.5%

CMYK

50.0%, 0.0%, 58.3%, 43.5%

OKLCH

0.5871 0.1395 140.9

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#48903C

#843C90

Analogous

#72903C

#3C905A

#48903C

Triadic

#48903C

#3C4890

#903C48

Split Complementary

#48903C

#5A3C90

#903C72

Tetradic

#48903C

#3C7290

#843C90

#905A3C

Color Blindness Simulation

Original

#48903C

Protanopia

#676850

Deuteranopia

#635E55

Tritanopia

#4C6064

Achromatopsia

#7B7B7B

CSS Usage

background-color: #48903C;
color: #48903C;
border-color: #48903C;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F5FAF5
100
#E9F3E7
200
#D1EACD
300
#B0DBA9
400
#85C87A
500
#5AB44B
600
#48903C
700
#3A7330
800
#2D5A25
900
#24421E
950
#172A13

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

5.33:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026