#BCDB24

#BCDB24

Color Values

HEX

#BCDB24

RGB

188, 219, 36

HSL

70.2, 71.8%, 50.0%

HSV

70.2, 83.6%, 85.9%

CMYK

14.2%, 0.0%, 83.6%, 14.1%

OKLCH

0.8396 0.1907 119.8

Properties

Cool Light Nearest: olivedrab 2

Color Harmonies

Complementary

#BCDB24

#4324DB

Analogous

#DB9F24

#60DB24

#BCDB24

Triadic

#BCDB24

#24BCDB

#DB24BC

Split Complementary

#BCDB24

#2460DB

#9F24DB

Tetradic

#BCDB24

#24DB9F

#4324DB

#DB2460

Color Blindness Simulation

Original

#BCDB24

Protanopia

#C9CA50

Deuteranopia

#C8C55B

Tritanopia

#BE737B

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#FAFCF3
100
#F4F8E2
200
#ECF5C2
300
#DFEE96
400
#CDE45D
500
#BCDB24
600
#96AF1D
700
#788C17
800
#5E6E12
900
#455011
950
#2C320B

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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