#48AA22

#48AA22

Color Values

HEX

#48AA22

RGB

72, 170, 34

HSL

103.2, 66.7%, 40.0%

HSV

103.2, 80.0%, 66.7%

CMYK

57.6%, 0.0%, 80.0%, 33.3%

OKLCH

0.654 0.1904 138.9

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#48AA22

#8422AA

Analogous

#8CAA22

#22AA40

#48AA22

Triadic

#48AA22

#2248AA

#AA2248

Split Complementary

#48AA22

#4022AA

#AA228C

Tetradic

#48AA22

#228CAA

#8422AA

#AA4022

Color Blindness Simulation

Original

#48AA22

Protanopia

#727343

Deuteranopia

#6D654B

Tritanopia

#4D5D63

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F5FCF3
100
#E9F7E3
200
#D1F3C3
300
#B0EB99
400
#85E062
500
#5AD52A
600
#48AA22
700
#3A881B
800
#2D6A15
900
#244E13
950
#17310C

Contrast Checker

Text on white

2.98:1

AA Fail AAA Fail

Text on black

7.05:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026