#280a06

Color #280a06

A vivid, highly saturated very dark red.

Closest named color Black #000000 · ΔE 17.39 Nearest Tailwind class orange-950 #441306 · ΔE 9.1

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

Conversions

HEX

#280a06

RGB

rgb(40, 10, 6)

HSL

hsl(7.1, 73.9%, 9%)

HSV / HSB

hsv(7.1, 85%, 15.7%)

CMYK

cmyk(0%, 75%, 85%, 84.3%)

LAB

lab(6.16, 14.66, 7.03)

LCH

lch(6.16, 16.26, 25.62)

OKLCH

oklch(19.5%, 0.0517, 30.98)

HWB

hwb(7.1, 2.4%, 84.3%)

Harmony colors

Complementary

#062428

Analogous

#280613

#280a06

#281b06

Triadic

#280a06

#06280a

#0a0628

Split-complementary

#280a06

#06281b

#061328

Tetradic

#280a06

#242806

#062428

#0a0628

Square

#280a06

#132806

#062428

#1b0628

Shades

Color #280a06 mixed toward black.

#210805

#1b0704

#140503

#0d0302

#070201

Tints

Color #280a06 mixed toward white.

#6b1b10

#ae2c1a

#e14a35

#eb8678

#f5c3bc

Tones

Color #280a06 mixed toward gray.

#250c09

#220e0c

#1f100e

#1d1311

#1a1514

Accessibility

Aa White text on this color

18.48:1

Aa Black text on this color

1.14:1

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

Under color vision deficiencies

Protanopia

#1f1e07 · ΔE 22.5

Deuteranopia

#202207 · ΔE 25.4

Tritanopia

#270808 · ΔE 1.4

Achromatopsia

#141414 · ΔE 15.1

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

Code

CSS

background-color: #280a06;

Tailwind (arbitrary value)

bg-[#280a06]

Related colors

Salmon #fa8072

Misty Rose #ffe4e1

Tomato #ff6347

Red #ff0000

Maroon #800000

Black #000000

Frequently asked questions

#280a06 (#280a06) is rgb(40, 10, 6) in RGB.

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

Generate a palette → Check contrast