#BDA142

#BDA142

Color Values

HEX

#BDA142

RGB

189, 161, 66

HSL

46.3, 48.2%, 50.0%

HSV

46.3, 65.1%, 74.1%

CMYK

0.0%, 14.8%, 65.1%, 25.9%

OKLCH

0.7159 0.1179 92.7

Properties

Warm Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#BDA142

#425EBD

Analogous

#BD6342

#9CBD42

#BDA142

Triadic

#BDA142

#42BDA1

#A142BD

Split Complementary

#BDA142

#429CBD

#6342BD

Tetradic

#BDA142

#42BD63

#425EBD

#BD429C

Color Blindness Simulation

Original

#BDA142

Protanopia

#B1B159

Deuteranopia

#B2B55E

Tritanopia

#BC6B6F

Achromatopsia

#A0A0A0

CSS Usage

background-color: #BDA142;
color: #BDA142;
border-color: #BDA142;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FAF9F4
100
#F4F1E6
200
#EDE5CA
300
#DFD2A4
400
#CEB973
500
#BDA142
600
#978135
700
#79672A
800
#5E5021
900
#453C1B
950
#2C2611

Contrast Checker

Text on white

2.52:1

AA Fail AAA Fail

Text on black

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