#4BE949

#4BE949

Color Values

HEX

#4BE949

RGB

75, 233, 73

HSL

119.2, 78.4%, 60.0%

HSV

119.2, 68.7%, 91.4%

CMYK

67.8%, 0.0%, 68.7%, 8.6%

OKLCH

0.8215 0.2386 142.9

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#4BE949

#E749E9

Analogous

#9BE949

#49E997

#4BE949

Triadic

#4BE949

#494BE9

#E9494B

Split Complementary

#4BE949

#9749E9

#E9499B

Tetradic

#4BE949

#499BE9

#E749E9

#E99749

Color Blindness Simulation

Original

#4BE949

Protanopia

#8F9170

Deuteranopia

#867A79

Tritanopia

#538E95

Achromatopsia

#BCBCBC

CSS Usage

background-color: #4BE949;
color: #4BE949;
border-color: #4BE949;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F2FCF2
100
#E2F9E1
200
#C0F7BF
300
#93F292
400
#59EB57
500
#1EE31C
600
#18B616
700
#139212
800
#0F720E
900
#0F530E
950
#0A3409

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

13.05:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026