#bc9f11

Color #bc9f11

A vivid, highly saturated medium yellow.

Closest named color Goldenrod #daa520 · ΔE 11.5 Nearest Tailwind class yellow-500 #f0b100 · ΔE 11

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

Conversions

HEX

#bc9f11

RGB

rgb(188, 159, 17)

HSL

hsl(49.8, 83.4%, 40.2%)

HSV / HSB

hsv(49.8, 91%, 73.7%)

CMYK

cmyk(0%, 15.4%, 91%, 26.3%)

LAB

lab(66.16, -1.86, 67.11)

LCH

lch(66.16, 67.14, 91.59)

OKLCH

oklch(70.8%, 0.1423, 95.53)

HWB

hwb(49.8, 6.7%, 26.3%)

Harmony colors

Complementary

#112ebc

Analogous

#bc4911

#bc9f11

#84bc11

Triadic

#bc9f11

#11bc9f

#9f11bc

Split-complementary

#bc9f11

#1184bc

#4911bc

Tetradic

#bc9f11

#2ebc11

#112ebc

#9f11bc

Square

#bc9f11

#11bc49

#112ebc

#bc1184

Shades

Color #bc9f11 mixed toward black.

#9d840e

#7d6a0b

#5e4f09

#3f3506

#1f1a03

Tints

Color #bc9f11 mixed toward white.

#eac616

#eed145

#f2dd73

#f7e8a2

#fbf4d0

Tones

Color #bc9f11 mixed toward gray.

#ae961f

#a08c2e

#91833c

#83794a

#757058

Accessibility

Aa White text on this color

2.59:1

Aa Black text on this color

8.11:1

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

Under color vision deficiencies

Protanopia

#b0b054 · ΔE 10.5

Deuteranopia

#b2b45c · ΔE 11.6

Tritanopia

#bb6d72 · ΔE 40.7

Achromatopsia

#a1a1a1 · ΔE 26.7

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

Code

CSS

background-color: #bc9f11;

Tailwind (arbitrary value)

bg-[#bc9f11]

Related colors

Gold #ffd700

Cornsilk #fff8dc

Khaki #f0e68c

Lemon Chiffon #fffacd

Pale Goldenrod #eee8aa

Dark Khaki #bdb76b

Frequently asked questions

#bc9f11 (#bc9f11) is rgb(188, 159, 17) in RGB.

No, #bc9f11 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 #bc9f11, or check how it holds up for accessibility.

Generate a palette → Check contrast