#48964C

#48964C

Color Values

HEX

#48964C

RGB

72, 150, 76

HSL

123.1, 35.1%, 43.5%

HSV

123.1, 52.0%, 58.8%

CMYK

52.0%, 0.0%, 49.3%, 41.2%

OKLCH

0.6053 0.1331 144.7

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#48964C

#964892

Analogous

#6B9648

#489673

#48964C

Triadic

#48964C

#4C4896

#964C48

Split Complementary

#48964C

#734896

#96486B

Tetradic

#48964C

#486B96

#964892

#967348

Color Blindness Simulation

Original

#48964C

Protanopia

#6A6A5E

Deuteranopia

#655F62

Tritanopia

#4C6C6F

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F2E8
200
#CFE8D0
300
#ACD7AF
400
#80C283
500
#53AC57
600
#428A46
700
#356E38
800
#29562C
900
#214023
950
#152816

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

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