#BDBC46

#BDBC46

Color Values

HEX

#BDBC46

RGB

189, 188, 70

HSL

59.5, 47.4%, 50.8%

HSV

59.5, 63.0%, 74.1%

CMYK

0.0%, 0.5%, 63.0%, 25.9%

OKLCH

0.7738 0.1385 108.8

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#BDBC46

#4647BD

Analogous

#BD8146

#83BD46

#BDBC46

Triadic

#BDBC46

#46BDBC

#BC46BD

Split Complementary

#BDBC46

#4683BD

#8146BD

Tetradic

#BDBC46

#46BD81

#4647BD

#BD4683

Color Blindness Simulation

Original

#BDBC46

Protanopia

#BDBD63

Deuteranopia

#BDBD69

Tritanopia

#BD797E

Achromatopsia

#B4B4B4

CSS Usage

background-color: #BDBC46;
color: #BDBC46;
border-color: #BDBC46;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#ECECCA
300
#DFDEA5
400
#CDCD74
500
#BCBB43
600
#969636
700
#78782B
800
#5E5D22
900
#45451C
950
#2C2B12

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