#afad92

Color #afad92

A muted light yellow.

Closest named color Tan #d2b48c · ΔE 14.44 Nearest Tailwind class olive-400 #abab9c · ΔE 4.4

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

Conversions

HEX

#afad92

RGB

rgb(175, 173, 146)

HSL

hsl(55.9, 15.3%, 62.9%)

HSV / HSB

hsv(55.9, 16.6%, 68.6%)

CMYK

cmyk(0%, 1.1%, 16.6%, 31.4%)

LAB

lab(70.23, -3.95, 14.16)

LCH

lch(70.23, 14.7, 105.59)

OKLCH

oklch(74.2%, 0.0376, 103.7)

HWB

hwb(55.9, 57.3%, 31.4%)

Harmony colors

Complementary

#9294af

Analogous

#af9e92

#afad92

#a2af92

Triadic

#afad92

#92afad

#ad92af

Split-complementary

#afad92

#92a2af

#9e92af

Tetradic

#afad92

#94af92

#9294af

#ad92af

Square

#afad92

#92af9e

#9294af

#af92a2

Shades

Color #afad92 mixed toward black.

#989673

#7b795b

#5c5b44

#3e3d2d

#1f1e17

Tints

Color #afad92 mixed toward white.

#bcbba4

#cac8b6

#d7d6c8

#e4e4db

#f2f1ed

Tones

Color #afad92 mixed toward gray.

#acab94

#aaa997

#a8a799

#a5a59c

#a3a29e

Accessibility

Aa White text on this color

2.28:1

Aa Black text on this color

9.22:1

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

Under color vision deficiencies

Protanopia

#aeae99 · ΔE 2.2

Deuteranopia

#aeae9b · ΔE 2.9

Tritanopia

#af9ea0 · ΔE 18

Achromatopsia

#acacac · ΔE 11.4

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

Code

CSS

background-color: #afad92;

Tailwind (arbitrary value)

bg-[#afad92]

Related colors

Dark Khaki #bdb76b

Pale Goldenrod #eee8aa

Khaki #f0e68c

Lemon Chiffon #fffacd

Ivory #fffff0

Beige #f5f5dc

Frequently asked questions

#afad92 (#afad92) is rgb(175, 173, 146) in RGB.

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

Generate a palette → Check contrast