#B4DF63

#B4DF63

Color Values

HEX

#B4DF63

RGB

180, 223, 99

HSL

80.8, 66.0%, 63.1%

HSV

80.8, 55.6%, 87.5%

CMYK

19.3%, 0.0%, 55.6%, 12.5%

OKLCH

0.8477 0.1592 125.6

Properties

Cool Light Nearest: NCS S 0530-G40Y Chartreuse

Color Harmonies

Complementary

#B4DF63

#8E63DF

Analogous

#DFCC63

#76DF63

#B4DF63

Triadic

#B4DF63

#63B4DF

#DF63B4

Split Complementary

#B4DF63

#6376DF

#CC63DF

Tetradic

#B4DF63

#63DFCC

#8E63DF

#DF6376

Color Blindness Simulation

Original

#B4DF63

Protanopia

#C7C781

Deuteranopia

#C4C188

Tritanopia

#B6999E

Achromatopsia

#CDCDCD

CSS Usage

background-color: #B4DF63;
color: #B4DF63;
border-color: #B4DF63;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F9FCF3
100
#F0F7E3
200
#E3F3C4
300
#CEEA99
400
#B4DF62
500
#99D42B
600
#7BA923
700
#62871C
800
#4D6A16
900
#394D14
950
#24310C

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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