#BABF4B

#BABF4B

Color Values

HEX

#BABF4B

RGB

186, 191, 75

HSL

62.6, 47.5%, 52.2%

HSV

62.6, 60.7%, 74.9%

CMYK

2.6%, 0.0%, 60.7%, 25.1%

OKLCH

0.7783 0.1383 111.5

Properties

Cool Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#BABF4B

#504BBF

Analogous

#BF8A4B

#80BF4B

#BABF4B

Triadic

#BABF4B

#4BBABF

#BF4BBA

Split Complementary

#BABF4B

#4B80BF

#8A4BBF

Tetradic

#BABF4B

#4BBF8A

#504BBF

#BF4B80

Color Blindness Simulation

Original

#BABF4B

Protanopia

#BCBC67

Deuteranopia

#BCBC6E

Tritanopia

#BA7D82

Achromatopsia

#B6B6B6

CSS Usage

background-color: #BABF4B;
color: #BABF4B;
border-color: #BABF4B;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#EBECCA
300
#DCDFA5
400
#CACD74
500
#B7BC43
600
#929636
700
#75782B
800
#5B5E21
900
#43451C
950
#2B2C12

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

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