#BCBD08

#BCBD08

Color Values

HEX

#BCBD08

RGB

188, 189, 8

HSL

60.3, 91.9%, 38.6%

HSV

60.3, 95.8%, 74.1%

CMYK

0.5%, 0.0%, 95.8%, 25.9%

OKLCH

0.7721 0.1675 110.1

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#BCBD08

#0908BD

Analogous

#BD6308

#62BD08

#BCBD08

Triadic

#BCBD08

#08BCBD

#BD08BC

Split Complementary

#BCBD08

#0862BD

#6308BD

Tetradic

#BCBD08

#08BD63

#0908BD

#BD0862

Color Blindness Simulation

Original

#BCBD08

Protanopia

#BCBC34

Deuteranopia

#BCBC3E

Tritanopia

#BC565E

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FCFCBA
300
#F9FA8A
400
#F6F74A
500
#F4F50A
600
#C3C408
700
#9C9D07
800
#7A7A05
900
#585908
950
#383805

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

10.42:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026