#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

يناير 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

يناير 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

يناير 15, 2026