#afaf76

Color #afaf76

A muted medium yellow.

Closest named color Dark Khaki #bdb76b · ΔE 10.48 Nearest Tailwind class olive-400 #abab9c · ΔE 12.2

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

Conversions

HEX

#afaf76

RGB

rgb(175, 175, 118)

HSL

hsl(60, 26.3%, 57.5%)

HSV / HSB

hsv(60, 32.6%, 68.6%)

CMYK

cmyk(0%, 0%, 32.6%, 31.4%)

LAB

lab(70.23, -9, 29.3)

LCH

lch(70.23, 30.65, 107.08)

OKLCH

oklch(74%, 0.0765, 108.13)

HWB

hwb(60, 46.3%, 31.4%)

Harmony colors

Complementary

#7676af

Analogous

#af9376

#afaf76

#93af76

Triadic

#afaf76

#76afaf

#af76af

Split-complementary

#afaf76

#7693af

#9376af

Tetradic

#afaf76

#76af76

#7676af

#af76af

Square

#afaf76

#76af93

#7676af

#af7693

Shades

Color #afaf76 mixed toward black.

#9a9a5a

#7b7b48

#5d5d36

#3e3e24

#1f1f12

Tints

Color #afaf76 mixed toward white.

#bcbc8d

#cacaa4

#d7d7bb

#e4e4d1

#f2f2e8

Tones

Color #afaf76 mixed toward gray.

#aaaa7b

#a6a680

#a1a184

#9c9c89

#97978e

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

#afaf87 · ΔE 4.2

Deuteranopia

#afaf8a · ΔE 5

Tritanopia

#af9295 · ΔE 29

Achromatopsia

#acacac · ΔE 18.6

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

Code

CSS

background-color: #afaf76;

Tailwind (arbitrary value)

bg-[#afaf76]

Related colors

Ivory #fffff0

Beige #f5f5dc

Light Goldenrod Yellow #fafad2

Light Yellow #ffffe0

Olive #808000

Yellow #ffff00

Frequently asked questions

#afaf76 (#afaf76) is rgb(175, 175, 118) in RGB.

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

Generate a palette → Check contrast