#4BA02C

#4BA02C

Color Values

HEX

#4BA02C

RGB

75, 160, 44

HSL

104,0, 56,9%, 40,0%

HSV

104,0, 72,5%, 62,7%

CMYK

53,1%, 0,0%, 72,5%, 37,3%

OKLCH

0,6293 0,1715 138,7

Properties

Cool Light Nearest: RAL 6018 Yellow Green

Color Harmonies

Complementary

#4BA02C

#812CA0

Analogous

#85A02C

#2CA047

#4BA02C

Triadic

#4BA02C

#2C4BA0

#A02C4B

Split Complementary

#4BA02C

#472CA0

#A02C85

Tetradic

#4BA02C

#2C85A0

#812CA0

#A0472C

Color Blindness Simulation

Original

#4BA02C

Protanopia

#707148

Deuteranopia

#6B644F

Tritanopia

#4F5E63

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F6FBF4
100
#E9F6E5
200
#D2F0C7
300
#B2E59F
400
#88D66B
500
#5EC837
600
#4BA02C
700
#3C8023
800
#2F641B
900
#254918
950
#172E0F

Contrast Checker

Text on white

3,3:1

AA Fail AAA Fail

Text on black

6,36:1

AA Pass AAA Fail

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