#BDBD09

#BDBD09

Color Values

HEX

#BDBD09

RGB

189, 189, 9

HSL

60.0, 90.9%, 38.8%

HSV

60.0, 95.2%, 74.1%

CMYK

0.0%, 0.0%, 95.2%, 25.9%

OKLCH

0.773 0.1671 109.7

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#BDBD09

#0909BD

Analogous

#BD6309

#63BD09

#BDBD09

Triadic

#BDBD09

#09BDBD

#BD09BD

Split Complementary

#BDBD09

#0963BD

#6309BD

Tetradic

#BDBD09

#09BD63

#0909BD

#BD0963

Color Blindness Simulation

Original

#BDBD09

Protanopia

#BDBD35

Deuteranopia

#BDBD3F

Tritanopia

#BD575E

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FCFCBB
300
#F9F98A
400
#F6F64B
500
#F3F30C
600
#C3C309
700
#9C9C07
800
#7A7A06
900
#585809
950
#383806

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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