#4A282C

Color Details

HEX
#4A282C
RGB
rgb(74, 40, 44)
HSL
hsl(353, 30%, 22%)
CMYK
cmyk(0%, 46%, 41%, 71%)
Best text on this color #FFFFFF (CR 12.88:1) Determined by WCAG contrast ratio

Readability Previews

Black on #4a282c
Contrast 1.63:1 Fail
White on #4a282c
Contrast 12.88:1 AAA
#4a282c on Black
Contrast 1.63:1 Fail
#4a282c on White
Contrast 12.88:1 AAA

Tints & Shades

#6e5356
#927e80
#b7a9ab
#3b2023
#2c181a
#1e1012

Complement & Analogous

#274945
#493427
#49273c

Triadic

#2b4927
#272b49

Monochrome

#1e1012 #2c181a #4a282c #927e80 #b7a9ab #dbd4d5

Analogous

#49273c #806877 #4a282c #6d5d52 #493427 #3a2a1f

Complementary Mix

#2c181a #4a282c #927e80 #274945 #738986 #192f2d

Nearby Colors

#4a282b
#4a282d
#4a281c
#4a283c

Embed #4A282C swatch

Embed this swatch

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

Open image

About #4A282C

#4A282C converts to RGB(74, 40, 44) and HSL(353, 30%, 22%). 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).

#4A282C FAQs

What is the RGB value of #4A282C?
RGB: 74, 40, 44. Copy as CSS: rgb(74, 40, 44)
Is #4A282C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #4A282C?
Complement: #274945.
Does #4A282C have good contrast on white or black?
On white: 12.88:1 (AAA (normal text)). On black: 1.63:1 (Fails AA).