#2D2C1F

Color Details

HEX
#2D2C1F
RGB
rgb(45, 44, 31)
HSL
hsl(56, 18%, 15%)
CMYK
cmyk(0%, 2%, 31%, 82%)
Best text on this color #FFFFFF (CR 14.08:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2d2c1f
Contrast 1.49:1 Fail
White on #2d2c1f
Contrast 14.08:1 AAA
#2d2c1f on Black
Contrast 1.49:1 Fail
#2d2c1f on White
Contrast 14.08:1 AAA

Tints & Shades

#57564c
#818079
#ababa5
#242319
#1b1a13
#12120c

Complement & Analogous

#1f202d
#272f1e
#2f251e

Triadic

#1f2d2c
#2c1f2d

Monochrome

#12120c #1b1a13 #2d2c1f #818079 #ababa5 #d5d5d2

Analogous

#2f251e #6d6662 #2d2c1f #52594b #272f1e #1f2618

Complementary Mix

#1b1a13 #2d2c1f #818079 #1f202d #6d6e77 #14151d

Nearby Colors

#2d2c1e
#2d2c20
#2d2c0f
#2d2c2f

Embed #2D2C1F swatch

Embed this swatch

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

Open image

About #2D2C1F

#2D2C1F converts to RGB(45, 44, 31) and HSL(56, 18%, 15%). 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).

#2D2C1F FAQs

What is the RGB value of #2D2C1F?
RGB: 45, 44, 31. Copy as CSS: rgb(45, 44, 31)
Is #2D2C1F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2D2C1F?
Complement: #1f202d.
Does #2D2C1F have good contrast on white or black?
On white: 14.08:1 (AAA (normal text)). On black: 1.49:1 (Fails AA).