#BDBC30

#BDBC30

Color Values

HEX

#BDBC30

RGB

189, 188, 48

HSL

59.6, 59.5%, 46.5%

HSV

59.6, 74.6%, 74.1%

CMYK

0.0%, 0.5%, 74.6%, 25.9%

OKLCH

0.7721 0.153 109.1

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#BDBC30

#3031BD

Analogous

#BD7630

#78BD30

#BDBC30

Triadic

#BDBC30

#30BDBC

#BC30BD

Split Complementary

#BDBC30

#3078BD

#7630BD

Tetradic

#BDBC30

#30BD76

#3031BD

#BD3078

Color Blindness Simulation

Original

#BDBC30

Protanopia

#BDBD52

Deuteranopia

#BDBD5A

Tritanopia

#BD6D72

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F6E4
200
#F1F0C6
300
#E6E69D
400
#D9D869
500
#CBCA34
600
#A3A229
700
#828221
800
#66651A
900
#4A4A17
950
#2F2F0E

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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