#B4DC23

#B4DC23

Color Values

HEX

#B4DC23

RGB

180, 220, 35

HSL

73.0, 72.5%, 50.0%

HSV

73.0, 84.1%, 86.3%

CMYK

18.2%, 0.0%, 84.1%, 13.7%

OKLCH

0.8362 0.1955 122.3

Properties

Cool Light Nearest: olivedrab 2

Color Harmonies

Complementary

#B4DC23

#4B23DC

Analogous

#DCA823

#57DC23

#B4DC23

Triadic

#B4DC23

#23B4DC

#DC23B4

Split Complementary

#B4DC23

#2357DC

#A823DC

Tetradic

#B4DC23

#23DCA8

#4B23DC

#DC2357

Color Blindness Simulation

Original

#B4DC23

Protanopia

#C5C650

Deuteranopia

#C3C05A

Tritanopia

#B6737B

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#FAFCF3
100
#F3F8E2
200
#EAF5C1
300
#DBEE95
400
#C7E55C
500
#B4DC23
600
#90B01C
700
#738D16
800
#5A6E12
900
#425011
950
#2A330B

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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