#af231b

Color #af231b

A vivid, highly saturated dark red.

Closest named color Firebrick #b22222 · ΔE 3.36 Nearest Tailwind class red-700 #c10007 · ΔE 4

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

Conversions

HEX

#af231b

RGB

rgb(175, 35, 27)

HSL

hsl(3.2, 73.3%, 39.6%)

HSV / HSB

hsv(3.2, 84.6%, 68.6%)

CMYK

cmyk(0%, 80%, 84.6%, 31.4%)

LAB

lab(38.55, 54.54, 40.66)

LCH

lch(38.55, 68.03, 36.7)

OKLCH

oklch(49.1%, 0.177, 28.85)

HWB

hwb(3.2, 10.6%, 31.4%)

Harmony colors

Complementary

#1ba7af

Analogous

#af1b5d

#af231b

#af6d1b

Triadic

#af231b

#1baf23

#231baf

Split-complementary

#af231b

#1baf6d

#1b5daf

Tetradic

#af231b

#a7af1b

#1ba7af

#231baf

Square

#af231b

#5daf1b

#1ba7af

#6d1baf

Shades

Color #af231b mixed toward black.

#921d16

#751712

#57110d

#3a0c09

#1d0604

Tints

Color #af231b mixed toward white.

#db2c22

#e4554d

#ea807a

#f1aaa6

#f8d5d3

Tones

Color #af231b mixed toward gray.

#a32e27

#963934

#8a4440

#7e4f4c

#715a59

Accessibility

Aa White text on this color

6.82:1

Aa Black text on this color

3.08:1

White text reads better on this background (6.82:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#89881d · ΔE 46.3

Deuteranopia

#8f961e · ΔE 51.3

Tritanopia

#ab1f1f · ΔE 2

Achromatopsia

#5b5b5b · ΔE 27.1

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

Code

CSS

background-color: #af231b;

Tailwind (arbitrary value)

bg-[#af231b]

Related colors

Misty Rose #ffe4e1

Salmon #fa8072

Red #ff0000

Maroon #800000

Black #000000

Brown #a52a2a

Frequently asked questions

#af231b (#af231b) is rgb(175, 35, 27) in RGB.

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

Generate a palette → Check contrast