#bcb248

Color #bcb248

A moderately saturated medium yellow.

Closest named color Dark Khaki #bdb76b · ΔE 14.77 Nearest Tailwind class amber-300 #ffd230 · ΔE 13.9

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

Conversions

HEX

#bcb248

RGB

rgb(188, 178, 72)

HSL

hsl(54.8, 46.4%, 51%)

HSV / HSB

hsv(54.8, 61.7%, 73.7%)

CMYK

cmyk(0%, 5.3%, 61.7%, 26.3%)

LAB

lab(71.56, -9.6, 53.92)

LCH

lch(71.56, 54.77, 100.1)

OKLCH

oklch(75.1%, 0.127, 103.94)

HWB

hwb(54.8, 28.2%, 26.3%)

Harmony colors

Complementary

#4852bc

Analogous

#bc7848

#bcb248

#8cbc48

Triadic

#bcb248

#48bcb2

#b248bc

Split-complementary

#bcb248

#488cbc

#7848bc

Tetradic

#bcb248

#52bc48

#4852bc

#b248bc

Square

#bcb248

#48bc78

#4852bc

#bc488c

Shades

Color #bcb248 mixed toward black.

#9f963a

#7f782e

#5f5a23

#3f3c17

#201e0c

Tints

Color #bcb248 mixed toward white.

#c7bf67

#d2cc85

#ded8a4

#e9e5c2

#f4f2e1

Tones

Color #bcb248 mixed toward gray.

#b2aa52

#a9a25b

#9f9a65

#95926f

#8c8a78

Accessibility

Aa White text on this color

2.19:1

Aa Black text on this color

9.6:1

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

Under color vision deficiencies

Protanopia

#b8b86e · ΔE 6.1

Deuteranopia

#b8b975 · ΔE 7.3

Tritanopia

#bc8488 · ΔE 37.9

Achromatopsia

#afafaf · ΔE 24.6

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

Code

CSS

background-color: #bcb248;

Tailwind (arbitrary value)

bg-[#bcb248]

Related colors

Pale Goldenrod #eee8aa

Khaki #f0e68c

Lemon Chiffon #fffacd

Dark Khaki #bdb76b

Gold #ffd700

Ivory #fffff0

Frequently asked questions

#bcb248 (#bcb248) is rgb(188, 178, 72) in RGB.

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

Generate a palette → Check contrast