#0B220C

Color Details

HEX
#0B220C
RGB
rgb(11, 34, 12)
HSL
hsl(123, 51%, 9%)
CMYK
cmyk(68%, 0%, 65%, 87%)
Best text on this color #FFFFFF (CR 16.82:1) Determined by WCAG contrast ratio

Readability Previews

Black on #0b220c
Contrast 1.25:1 Fail
White on #0b220c
Contrast 16.82:1 AAA
#0b220c on Black
Contrast 1.25:1 Fail
#0b220c on White
Contrast 16.82:1 AAA

Tints & Shades

#3c4e3d
#6d7a6d
#9da79e
#091b0a
#071407
#040e05

Complement & Analogous

#230b21
#0b2318
#16230b

Triadic

#0c0b23
#230c0b

Monochrome

#040e05 #071407 #0b220c #6d7a6d #9da79e #ced3ce

Analogous

#16230b #5c6554 #0b220c #3c4f46 #0b2318 #091c13

Complementary Mix

#071407 #0b220c #6d7a6d #230b21 #70606f #170715

Nearby Colors

#0b220b
#0b220d
#0b21fc
#0b221c

Embed #0B220C swatch

Embed this swatch

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

Open image

About #0B220C

#0B220C converts to RGB(11, 34, 12) and HSL(123, 51%, 9%). 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).

#0B220C FAQs

What is the RGB value of #0B220C?
RGB: 11, 34, 12. Copy as CSS: rgb(11, 34, 12)
Is #0B220C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #0B220C?
Complement: #230b21.
Does #0B220C have good contrast on white or black?
On white: 16.82:1 (AAA (normal text)). On black: 1.25:1 (Fails AA).