#BDC309

#BDC309

Color Values

HEX

#BDC309

RGB

189, 195, 9

HSL

61.9, 91.2%, 40.0%

HSV

61.9, 95.4%, 76.5%

CMYK

3.1%, 0.0%, 95.4%, 23.5%

OKLCH

0.7862 0.1727 112.0

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#BDC309

#0F09C3

Analogous

#C36C09

#60C309

#BDC309

Triadic

#BDC309

#09BDC3

#C309BD

Split Complementary

#BDC309

#0960C3

#6C09C3

Tetradic

#BDC309

#09C36C

#0F09C3

#C30960

Color Blindness Simulation

Original

#BDC309

Protanopia

#C0C036

Deuteranopia

#BFBF41

Tritanopia

#BD5A61

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FAFBDF
200
#FAFCBB
300
#F6FA8A
400
#F1F74B
500
#ECF40B
600
#BDC309
700
#979C07
800
#767A06
900
#565809
950
#363805

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

10.97:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026