#BDBC3A

#BDBC3A

Color Values

HEX

#BDBC3A

RGB

189, 188, 58

HSL

59.5, 53.0%, 48.4%

HSV

59.5, 69.3%, 74.1%

CMYK

0.0%, 0.5%, 69.3%, 25.9%

OKLCH

0.7728 0.1471 109.0

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#BDBC3A

#3A3BBD

Analogous

#BD7A3A

#7DBD3A

#BDBC3A

Triadic

#BDBC3A

#3ABDBC

#BC3ABD

Split Complementary

#BDBC3A

#3A7DBD

#7A3ABD

Tetradic

#BDBC3A

#3ABD7A

#3A3BBD

#BD3A7D

Color Blindness Simulation

Original

#BDBC3A

Protanopia

#BDBD59

Deuteranopia

#BDBD61

Tritanopia

#BD7278

Achromatopsia

#B3B3B3

CSS Usage

background-color: #BDBC3A;
color: #BDBC3A;
border-color: #BDBC3A;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FBFBF4
100
#F5F5E5
200
#EEEEC8
300
#E2E2A1
400
#D3D26F
500
#C3C23C
600
#9C9B30
700
#7D7C26
800
#62611E
900
#484719
950
#2D2D10

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

10.42:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026