#12280C

Color Details

HEX
#12280C
RGB
rgb(18, 40, 12)
HSL
hsl(107, 54%, 10%)
CMYK
cmyk(55%, 0%, 70%, 84%)
Best text on this color #FFFFFF (CR 15.74:1) Determined by WCAG contrast ratio

Readability Previews

Black on #12280c
Contrast 1.33:1 Fail
White on #12280c
Contrast 15.74:1 AAA
#12280c on Black
Contrast 1.33:1 Fail
#12280c on White
Contrast 15.74:1 AAA

Tints & Shades

#41533d
#717e6d
#a0a99e
#0e200a
#0b1807
#071005

Complement & Analogous

#210c27
#0c2714
#1f270c

Triadic

#0c1227
#270c12

Monochrome

#071005 #0b1807 #12280c #717e6d #a0a99e #d0d4ce

Analogous

#1f270c #626855 #12280c #3d5243 #0c2714 #0a1f10

Complementary Mix

#0b1807 #12280c #717e6d #210c27 #6f6173 #150819

Nearby Colors

#12280b
#12280d
#1227fc
#12281c

Embed #12280C swatch

Embed this swatch

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

Open image

About #12280C

#12280C converts to RGB(18, 40, 12) and HSL(107, 54%, 10%). 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).

#12280C FAQs

What is the RGB value of #12280C?
RGB: 18, 40, 12. Copy as CSS: rgb(18, 40, 12)
Is #12280C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #12280C?
Complement: #210c27.
Does #12280C have good contrast on white or black?
On white: 15.74:1 (AAA (normal text)). On black: 1.33:1 (Fails AA).