#b69800

Color #b69800

A vivid, highly saturated dark yellow.

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

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

Conversions

HEX

#b69800

RGB

rgb(182, 152, 0)

HSL

hsl(50.1, 100%, 35.7%)

HSV / HSB

hsv(50.1, 100%, 71.4%)

CMYK

cmyk(0%, 16.5%, 100%, 28.6%)

LAB

lab(63.67, -1.03, 67.48)

LCH

lch(63.67, 67.49, 90.87)

OKLCH

oklch(68.7%, 0.1409, 94.8)

HWB

hwb(50.1, 0%, 28.6%)

Harmony colors

Complementary

#001eb6

Analogous

#b63d00

#b69800

#79b600

Triadic

#b69800

#00b698

#9800b6

Split-complementary

#b69800

#0079b6

#3d00b6

Tetradic

#b69800

#1eb600

#001eb6

#9800b6

Square

#b69800

#00b63d

#001eb6

#b60079

Shades

Color #b69800 mixed toward black.

#987f00

#796500

#5b4c00

#3d3300

#1e1900

Tints

Color #b69800 mixed toward white.

#edc600

#ffdb24

#ffe45b

#ffed92

#fff6c8

Tones

Color #b69800 mixed toward gray.

#a78e0f

#98841e

#897a2e

#796f3d

#6a654c

Accessibility

Aa White text on this color

2.81:1

Aa Black text on this color

7.48:1

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

Under color vision deficiencies

Protanopia

#aaaa4e · ΔE 10.9

Deuteranopia

#acae57 · ΔE 12.2

Tritanopia

#b5676c · ΔE 40.5

Achromatopsia

#9a9a9a · ΔE 26.8

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

Code

CSS

background-color: #b69800;

Tailwind (arbitrary value)

bg-[#b69800]

Related colors

Gold #ffd700

Cornsilk #fff8dc

Khaki #f0e68c

Lemon Chiffon #fffacd

Pale Goldenrod #eee8aa

Dark Khaki #bdb76b

Frequently asked questions

#b69800 (#b69800) is rgb(182, 152, 0) in RGB.

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

Generate a palette → Check contrast