#BCBF50

#BCBF50

Color Values

HEX

#BCBF50

RGB

188, 191, 80

HSL

61.6, 46.4%, 53.1%

HSV

61.6, 58.1%, 74.9%

CMYK

1.6%, 0.0%, 58.1%, 25.1%

OKLCH

0.7804 0.1337 110.6

Properties

Cool Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#BCBF50

#5350BF

Analogous

#BF8A50

#84BF50

#BCBF50

Triadic

#BCBF50

#50BCBF

#BF50BC

Split Complementary

#BCBF50

#5084BF

#8A50BF

Tetradic

#BCBF50

#50BF8A

#5350BF

#BF5084

Color Blindness Simulation

Original

#BCBF50

Protanopia

#BDBD6B

Deuteranopia

#BDBD71

Tritanopia

#BC8085

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#EBECCB
300
#DDDEA5
400
#CACC75
500
#B8BB44
600
#939537
700
#75772C
800
#5C5D22
900
#44451C
950
#2B2B12

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

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