#bda032

Color #bda032

A moderately saturated medium yellow.

Closest named color Dark Goldenrod #b8860b · ΔE 13.91 Nearest Tailwind class yellow-500 #f0b100 · ΔE 11.1

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#bda032

RGB

rgb(189, 160, 50)

HSL

hsl(47.5, 58.2%, 46.9%)

HSV / HSB

hsv(47.5, 73.5%, 74.1%)

CMYK

cmyk(0%, 15.3%, 73.5%, 25.9%)

LAB

lab(66.67, -0.92, 58.05)

LCH

lch(66.67, 58.06, 90.91)

OKLCH

oklch(71.2%, 0.1286, 93.75)

HWB

hwb(47.5, 19.6%, 25.9%)

Harmony colors

Complementary

#324fbd

Analogous

#bd5b32

#bda032

#95bd32

Triadic

#bda032

#32bda0

#a032bd

Split-complementary

#bda032

#3295bd

#5b32bd

Tetradic

#bda032

#4fbd32

#324fbd

#a032bd

Square

#bda032

#32bd5b

#324fbd

#bd3295

Shades

Color #bda032 mixed toward black.

#9e852a

#7e6b21

#5f5019

#3f3511

#201b08

Tints

Color #bda032 mixed toward white.

#d0b44c

#d9c370

#e3d294

#ece1b8

#f6f0db

Tones

Color #bda032 mixed toward gray.

#b2993e

#a69349

#9a8c55

#8f8560

#837e6c

Accessibility

Aa White text on this color

2.55:1

Aa Black text on this color

8.24:1

Black text reads better on this background (8.24:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#b1b15d · ΔE 10

Deuteranopia

#b3b564 · ΔE 11.1

Tritanopia

#bc7377 · ΔE 37.3

Achromatopsia

#a2a2a2 · ΔE 25.2

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #bda032;

Tailwind (arbitrary value)

bg-[#bda032]

Related colors

Cornsilk #fff8dc

Gold #ffd700

Goldenrod #daa520

Dark Goldenrod #b8860b

Khaki #f0e68c

Lemon Chiffon #fffacd

Frequently asked questions

#bda032 (#bda032) is rgb(189, 160, 50) in RGB.

No, #bda032 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #bda032, or check how it holds up for accessibility.

Generate a palette → Check contrast