#48AC07

#48AC07

Color Values

HEX

#48AC07

RGB

72, 172, 7

HSL

96.4, 92.2%, 35.1%

HSV

96.4, 95.9%, 67.5%

CMYK

58.1%, 0.0%, 95.9%, 32.5%

OKLCH

0.6584 0.201 137.9

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#48AC07

#6B07AC

Analogous

#9AAC07

#07AC19

#48AC07

Triadic

#48AC07

#0748AC

#AC0748

Split Complementary

#48AC07

#1907AC

#AC079A

Tetradic

#48AC07

#079AAC

#6B07AC

#AC1907

Color Blindness Simulation

Original

#48AC07

Protanopia

#73742F

Deuteranopia

#6E6638

Tritanopia

#4D4E55

Achromatopsia

#8B8B8B

CSS Usage

background-color: #48AC07;
color: #48AC07;
border-color: #48AC07;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F6FDF1
100
#EAFBDF
200
#D4FCBA
300
#B6FA89
400
#8EF84A
500
#66F50A
600
#52C408
700
#429D06
800
#337B05
900
#285908
950
#193805

Contrast Checker

Text on white

2.92:1

AA Fail AAA Fail

Text on black

7.18:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026