#B4DA25

#B4DA25

Color Values

HEX

#B4DA25

RGB

180, 218, 37

HSL

72.6, 71.0%, 50.0%

HSV

72.6, 83.0%, 85.5%

CMYK

17.4%, 0.0%, 83.0%, 14.5%

OKLCH

0.8317 0.1926 121.8

Properties

Cool Light Nearest: olivedrab 2

Color Harmonies

Complementary

#B4DA25

#4B25DA

Analogous

#DAA625

#59DA25

#B4DA25

Triadic

#B4DA25

#25B4DA

#DA25B4

Split Complementary

#B4DA25

#2559DA

#A625DA

Tetradic

#B4DA25

#25DAA6

#4B25DA

#DA2559

Color Blindness Simulation

Original

#B4DA25

Protanopia

#C4C551

Deuteranopia

#C2BF5B

Tritanopia

#B6737B

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#FAFCF3
100
#F3F8E2
200
#EAF5C2
300
#DBED96
400
#C8E45E
500
#B4DA25
600
#90AE1E
700
#738C18
800
#5A6D12
900
#424F11
950
#2A320B

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

13.0:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026