#A30F0E

Color Details

HEX
#A30F0E
RGB
rgb(163, 15, 14)
HSL
hsl(0, 84%, 35%)
CMYK
cmyk(0%, 91%, 91%, 36%)
Best text on this color #FFFFFF (CR 7.98:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a30f0e
Contrast 2.63:1 Fail
White on #a30f0e
Contrast 7.98:1 AAA
#a30f0e on Black
Contrast 2.63:1 Fail
#a30f0e on White
Contrast 7.98:1 AAA

Tints & Shades

#b53f3e
#c86f6e
#da9f9f
#820c0b
#620908
#410606

Complement & Analogous

#0ea4a4
#a4590e
#a40e59

Triadic

#0ea40e
#0e0ea4

Monochrome

#410606 #620908 #a30f0e #c86f6e #da9f9f #edcfcf

Analogous

#a40e59 #bf568b #a30f0e #b67a3e #a4590e #83470b

Complementary Mix

#620908 #a30f0e #c86f6e #0ea4a4 #62c4c4 #096b6b

Nearby Colors

#a30f0d
#a30f0f
#a30efe
#a30f1e

Embed #A30F0E swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #A30F0E

#A30F0E converts to RGB(163, 15, 14) and HSL(0, 84%, 35%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#A30F0E FAQs

What is the RGB value of #A30F0E?
RGB: 163, 15, 14. Copy as CSS: rgb(163, 15, 14)
Is #A30F0E a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #A30F0E?
Complement: #0ea4a4.
Does #A30F0E have good contrast on white or black?
On white: 7.98:1 (AAA (normal text)). On black: 2.63:1 (Fails AA).