#1C2C20

Color Details

HEX
#1C2C20
RGB
rgb(28, 44, 32)
HSL
hsl(135, 22%, 14%)
CMYK
cmyk(36%, 0%, 27%, 83%)
Best text on this color #FFFFFF (CR 14.68:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1c2c20
Contrast 1.43:1 Fail
White on #1c2c20
Contrast 14.68:1 AAA
#1c2c20 on Black
Contrast 1.43:1 Fail
#1c2c20 on White
Contrast 14.68:1 AAA

Tints & Shades

#49564d
#778079
#a4aba6
#16231a
#111a13
#0b120d

Complement & Analogous

#2c1c28
#1c2c28
#202c1c

Triadic

#201c2c
#2c201c

Monochrome

#0b120d #111a13 #1c2c20 #778079 #a4aba6 #d2d5d2

Analogous

#202c1c #636b60 #1c2c20 #495653 #1c2c28 #162320

Complementary Mix

#111a13 #1c2c20 #778079 #2c1c28 #766b73 #1d121a

Nearby Colors

#1c2c1f
#1c2c21
#1c2c10
#1c2c30

Embed #1C2C20 swatch

Embed this swatch

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

Open image

About #1C2C20

#1C2C20 converts to RGB(28, 44, 32) and HSL(135, 22%, 14%). 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).

#1C2C20 FAQs

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