#BADA25

#BADA25

Color Values

HEX

#BADA25

RGB

186, 218, 37

HSL

70.6, 71.0%, 50.0%

HSV

70.6, 83.0%, 85.5%

CMYK

14.7%, 0.0%, 83.0%, 14.5%

OKLCH

0.836 0.1901 120.1

Properties

Cool Light Nearest: olivedrab 2

Color Harmonies

Complementary

#BADA25

#4525DA

Analogous

#DA9F25

#60DA25

#BADA25

Triadic

#BADA25

#25BADA

#DA25BA

Split Complementary

#BADA25

#2560DA

#9F25DA

Tetradic

#BADA25

#25DA9F

#4525DA

#DA2560

Color Blindness Simulation

Original

#BADA25

Protanopia

#C8C851

Deuteranopia

#C6C45B

Tritanopia

#BC737B

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#FAFCF3
100
#F4F8E2
200
#ECF5C2
300
#DEED96
400
#CCE45E
500
#BADA25
600
#95AE1E
700
#778C18
800
#5D6D12
900
#444F11
950
#2B320B

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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