#BABF2A

#BABF2A

Color Values

HEX

#BABF2A

RGB

186, 191, 42

HSL

62.0, 63.9%, 45.7%

HSV

62.0, 78.0%, 74.9%

CMYK

2.6%, 0.0%, 78.0%, 25.1%

OKLCH

0.7759 0.1597 111.6

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#BABF2A

#2F2ABF

Analogous

#BF792A

#70BF2A

#BABF2A

Triadic

#BABF2A

#2ABABF

#BF2ABA

Split Complementary

#BABF2A

#2A70BF

#792ABF

Tetradic

#BABF2A

#2ABF79

#2F2ABF

#BF2A70

Color Blindness Simulation

Original

#BABF2A

Protanopia

#BCBC4E

Deuteranopia

#BCBC57

Tritanopia

#BA6B71

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F7E3
200
#F1F2C4
300
#E6E99B
400
#D9DD64
500
#CCD12E
600
#A3A725
700
#82861D
800
#666817
900
#4A4C15
950
#2F300D

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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