#4BA824

#4BA824

Color Values

HEX

#4BA824

RGB

75, 168, 36

HSL

102.3, 64.7%, 40.0%

HSV

102.3, 78.6%, 65.9%

CMYK

55.4%, 0.0%, 78.6%, 34.1%

OKLCH

0.65 0.1858 138.5

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#4BA824

#8124A8

Analogous

#8DA824

#24A83F

#4BA824

Triadic

#4BA824

#244BA8

#A8244B

Split Complementary

#4BA824

#3F24A8

#A8248D

Tetradic

#4BA824

#248DA8

#8124A8

#A83F24

Color Blindness Simulation

Original

#4BA824

Protanopia

#737444

Deuteranopia

#6E674C

Tritanopia

#505D63

Achromatopsia

#8B8B8B

CSS Usage

background-color: #4BA824;
color: #4BA824;
border-color: #4BA824;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F6FCF3
100
#E9F7E3
200
#D2F2C4
300
#B2E99A
400
#88DE64
500
#5ED22D
600
#4BA824
700
#3C861D
800
#2F6917
900
#254D14
950
#17300D

Contrast Checker

Text on white

3.03:1

AA Fail AAA Fail

Text on black

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