#21080C

Color Details

HEX
#21080C
RGB
rgb(33, 8, 12)
HSL
hsl(350, 61%, 8%)
CMYK
cmyk(0%, 76%, 64%, 87%)
Best text on this color #FFFFFF (CR 19.01:1) Determined by WCAG contrast ratio

Readability Previews

Black on #21080c
Contrast 1.10:1 Fail
White on #21080c
Contrast 19.01:1 AAA
#21080c on Black
Contrast 1.10:1 Fail
#21080c on White
Contrast 19.01:1 AAA

Tints & Shades

#4d393d
#7a6b6d
#a69c9e
#1a060a
#140507
#0d0305

Complement & Analogous

#08211d
#1a1ae6
#1ae6e6

Triadic

#0c2108
#080c21

Monochrome

#0d0305 #140507 #21080c #7a6b6d #a69c9e #d3cece

Analogous

#1ae6e6 #5feeee #21080c #4848eb #1a1ae6 #1515b8

Complementary Mix

#140507 #21080c #7a6b6d #08211d #5e6f6c #051513

Nearby Colors

#21080b
#21080d
#2107fc
#21081c

Embed #21080C swatch

Embed this swatch

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

Open image

About #21080C

#21080C converts to RGB(33, 8, 12) and HSL(350, 61%, 8%). 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).

#21080C FAQs

What is the RGB value of #21080C?
RGB: 33, 8, 12. Copy as CSS: rgb(33, 8, 12)
Is #21080C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #21080C?
Complement: #08211d.
Does #21080C have good contrast on white or black?
On white: 19.01:1 (AAA (normal text)). On black: 1.10:1 (Fails AA).