#afa58d

Color #afa58d

A muted light orange.

Closest named color Dark Gray #a9a9a9 · ΔE 13.82 Nearest Tailwind class olive-400 #abab9c · ΔE 5.5

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

Conversions

HEX

#afa58d

RGB

rgb(175, 165, 141)

HSL

hsl(42.4, 17.5%, 62%)

HSV / HSB

hsv(42.4, 19.4%, 68.6%)

CMYK

cmyk(0%, 5.7%, 19.4%, 31.4%)

LAB

lab(67.98, -0.42, 13.76)

LCH

lch(67.98, 13.77, 91.75)

OKLCH

oklch(72.4%, 0.0354, 88.06)

HWB

hwb(42.4, 55.3%, 31.4%)

Harmony colors

Complementary

#8d97af

Analogous

#af948d

#afa58d

#a8af8d

Triadic

#afa58d

#8dafa5

#a58daf

Split-complementary

#afa58d

#8da8af

#948daf

Tetradic

#afa58d

#97af8d

#8d97af

#a58daf

Square

#afa58d

#8daf94

#8d97af

#af8da8

Shades

Color #afa58d mixed toward black.

#998d6e

#7c7157

#5d5541

#3e392b

#1f1c16

Tints

Color #afa58d mixed toward white.

#bcb4a0

#cac3b3

#d7d2c6

#e4e1d9

#f2f0ec

Tones

Color #afa58d mixed toward gray.

#aca490

#a9a393

#a7a296

#a4a098

#a19f9b

Accessibility

Aa White text on this color

2.44:1

Aa Black text on this color

8.59:1

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

Under color vision deficiencies

Protanopia

#abab93 · ΔE 5

Deuteranopia

#abac95 · ΔE 5.4

Tritanopia

#af9899 · ΔE 15.6

Achromatopsia

#a6a6a6 · ΔE 10.5

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

Code

CSS

background-color: #afa58d;

Tailwind (arbitrary value)

bg-[#afa58d]

Related colors

Dark Goldenrod #b8860b

Goldenrod #daa520

Floral White #fffaf0

Old Lace #fdf5e6

Wheat #f5deb3

Orange #ffa500

Frequently asked questions

#afa58d (#afa58d) is rgb(175, 165, 141) in RGB.

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

Generate a palette → Check contrast