#2A282C

Color Details

HEX
#2A282C
RGB
rgb(42, 40, 44)
HSL
hsl(270, 5%, 16%)
CMYK
cmyk(5%, 9%, 0%, 83%)
Best text on this color #FFFFFF (CR 14.60:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2a282c
Contrast 1.44:1 Fail
White on #2a282c
Contrast 14.60:1 AAA
#2a282c on Black
Contrast 1.44:1 Fail
#2a282c on White
Contrast 14.60:1 AAA

Tints & Shades

#555356
#7f7e80
#aaa9ab
#222023
#19181a
#111012

Complement & Analogous

#292b27
#322032
#202032

Triadic

#2b2927
#272b29

Monochrome

#111012 #19181a #2a282c #7f7e80 #aaa9ab #d4d4d5

Analogous

#202032 #636370 #2a282c #5b4d5b #322032 #281a28

Complementary Mix

#19181a #2a282c #7f7e80 #292b27 #747573 #1b1c19

Nearby Colors

#2a282b
#2a282d
#2a281c
#2a283c

Embed #2A282C swatch

Embed this swatch

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

Open image

About #2A282C

#2A282C converts to RGB(42, 40, 44) and HSL(270, 5%, 16%). 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).

#2A282C FAQs

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