#BABE31

#BABE31

Color Values

HEX

#BABE31

RGB

186, 190, 49

HSL

61.7, 59.0%, 46.9%

HSV

61.7, 74.2%, 74.5%

CMYK

2.1%, 0.0%, 74.2%, 25.5%

OKLCH

0.7741 0.1551 111.2

Properties

Cool Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#BABE31

#3531BE

Analogous

#BE7C31

#74BE31

#BABE31

Triadic

#BABE31

#31BABE

#BE31BA

Split Complementary

#BABE31

#3174BE

#7C31BE

Tetradic

#BABE31

#31BE7C

#3531BE

#BE3174

Color Blindness Simulation

Original

#BABE31

Protanopia

#BCBC53

Deuteranopia

#BCBB5B

Tritanopia

#BA6E74

Achromatopsia

#B3B3B3

CSS Usage

background-color: #BABE31;
color: #BABE31;
border-color: #BABE31;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FBFBF4
100
#F6F6E4
200
#EFF0C6
300
#E4E69E
400
#D5D869
500
#C6CB34
600
#9FA22A
700
#7F8221
800
#63651A
900
#494A17
950
#2E2F0E

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

10.5:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026