#BBDF20

#BBDF20

Color Values

HEX

#BBDF20

RGB

187, 223, 32

HSL

71,3, 74,9%, 50,0%

HSV

71,3, 85,7%, 87,5%

CMYK

16,1%, 0,0%, 85,7%, 12,5%

OKLCH

0,8478 0,1968 121,0

Properties

Cool Light Nearest: olivedrab 2

Color Harmonies

Complementary

#BBDF20

#4420DF

Analogous

#DFA320

#5CDF20

#BBDF20

Triadic

#BBDF20

#20BBDF

#DF20BB

Split Complementary

#BBDF20

#205CDF

#A320DF

Tetradic

#BBDF20

#20DFA3

#4420DF

#DF205C

Color Blindness Simulation

Original

#BBDF20

Protanopia

#CBCB4E

Deuteranopia

#C8C659

Tritanopia

#BD737B

Achromatopsia

#CACACA

CSS Usage

background-color: #BBDF20;
color: #BBDF20;
border-color: #BBDF20;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#FAFCF2
100
#F4F9E2
200
#ECF6C1
300
#DEF094
400
#CDE75A
500
#BBDF20
600
#96B21A
700
#788F14
800
#5E6F10
900
#455110
950
#2B330A

Contrast Checker

Text on white

1,53:1

AA Fail AAA Fail

Text on black

13,69:1

AA Pass AAA Pass

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