#afb69a

Color #afb69a

A muted light green.

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

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

Conversions

HEX

#afb69a

RGB

rgb(175, 182, 154)

HSL

hsl(75, 16.1%, 65.9%)

HSV / HSB

hsv(75, 15.4%, 71.4%)

CMYK

cmyk(3.8%, 0%, 15.4%, 28.6%)

LAB

lab(72.83, -7.44, 13.44)

LCH

lch(72.83, 15.36, 118.97)

OKLCH

oklch(76.3%, 0.0396, 118.7)

HWB

hwb(75, 60.4%, 28.6%)

Harmony colors

Complementary

#a19ab6

Analogous

#b6af9a

#afb69a

#a1b69a

Triadic

#afb69a

#9aafb6

#b69aaf

Split-complementary

#afb69a

#9aa1b6

#af9ab6

Tetradic

#afb69a

#9ab6a1

#a19ab6

#b69aaf

Square

#afb69a

#9ab6af

#a19ab6

#b69aa1

Shades

Color #afb69a mixed toward black.

#959f7a

#79825e

#5b6246

#3d412f

#1e2117

Tints

Color #afb69a mixed toward white.

#bcc2ab

#cacebc

#d7dbcd

#e4e7dd

#f2f3ee

Tones

Color #afb69a mixed toward gray.

#aeb49c

#adb19f

#acafa1

#aaada3

#a9aaa6

Accessibility

Aa White text on this color

2.1:1

Aa Black text on this color

9.98:1

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

Under color vision deficiencies

Protanopia

#b2b2a1 · ΔE 5.2

Deuteranopia

#b2b1a3 · ΔE 6.6

Tritanopia

#afa7a8 · ΔE 16.9

Achromatopsia

#b3b3b3 · ΔE 12.5

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

Code

CSS

background-color: #afb69a;

Tailwind (arbitrary value)

bg-[#afb69a]

Related colors

Olive Drab #6b8e23

Yellow Green #9acd32

Dark Olive Green #556b2f

Green Yellow #adff2f

Ivory #fffff0

Beige #f5f5dc

Frequently asked questions

#afb69a (#afb69a) is rgb(175, 182, 154) in RGB.

No, #afb69a is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast