#BCBD16

#BCBD16

Color Values

HEX

#BCBD16

RGB

188, 189, 22

HSL

60.4, 79.1%, 41.4%

HSV

60.4, 88.4%, 74.1%

CMYK

0.5%, 0.0%, 88.4%, 25.9%

OKLCH

0.7724 0.1647 110.1

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#BCBD16

#1716BD

Analogous

#BD6B16

#68BD16

#BCBD16

Triadic

#BCBD16

#16BCBD

#BD16BC

Split Complementary

#BCBD16

#1668BD

#6B16BD

Tetradic

#BCBD16

#16BD6B

#1716BD

#BD1668

Color Blindness Simulation

Original

#BCBD16

Protanopia

#BCBC3E

Deuteranopia

#BCBC48

Tritanopia

#BC5E65

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F9F9E1
200
#F7F8BF
300
#F2F291
400
#EAEB56
500
#E3E41B
600
#B6B715
700
#919211
800
#72720D
900
#52530E
950
#343409

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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