#BCBD22

#BCBD22

Color Values

HEX

#BCBD22

RGB

188, 189, 34

HSL

60.4, 69.5%, 43.7%

HSV

60.4, 82.0%, 74.1%

CMYK

0.5%, 0.0%, 82.0%, 25.9%

OKLCH

0.7728 0.1607 110.0

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#BCBD22

#2322BD

Analogous

#BD7022

#6EBD22

#BCBD22

Triadic

#BCBD22

#22BCBD

#BD22BC

Split Complementary

#BCBD22

#226EBD

#7022BD

Tetradic

#BCBD22

#22BD70

#2322BD

#BD226E

Color Blindness Simulation

Original

#BCBD22

Protanopia

#BCBC47

Deuteranopia

#BCBC50

Tritanopia

#BC656C

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F8F8E3
200
#F4F4C2
300
#ECEC97
400
#E1E25F
500
#D7D827
600
#ACAD1F
700
#8A8A19
800
#6B6C13
900
#4E4F12
950
#31320B

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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