#0C452C

Color Details

HEX
#0C452C
RGB
rgb(12, 69, 44)
HSL
hsl(154, 70%, 16%)
CMYK
cmyk(83%, 0%, 36%, 73%)
Best text on this color #FFFFFF (CR 11.03:1) Determined by WCAG contrast ratio

Readability Previews

Black on #0c452c
Contrast 1.90:1 Fail
White on #0c452c
Contrast 11.03:1 AAA
#0c452c on Black
Contrast 1.90:1 Fail
#0c452c on White
Contrast 11.03:1 AAA

Tints & Shades

#3d6a56
#6d8f80
#9eb5ab
#0a3723
#07291a
#051c12

Complement & Analogous

#450c25
#0c4245
#0c4510

Triadic

#2d0c45
#452d0c

Monochrome

#051c12 #07291a #0c452c #6d8f80 #9eb5ab #cedad5

Analogous

#0c4510 #557d58 #0c452c #3d686a #0c4245 #0a3537

Complementary Mix

#07291a #0c452c #6d8f80 #450c25 #866171 #2d0818

Nearby Colors

#0c452b
#0c452d
#0c451c
#0c453c

Embed #0C452C swatch

Embed this swatch

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

Open image

About #0C452C

#0C452C converts to RGB(12, 69, 44) and HSL(154, 70%, 16%). 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).

#0C452C FAQs

What is the RGB value of #0C452C?
RGB: 12, 69, 44. Copy as CSS: rgb(12, 69, 44)
Is #0C452C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #0C452C?
Complement: #450c25.
Does #0C452C have good contrast on white or black?
On white: 11.03:1 (AAA (normal text)). On black: 1.90:1 (Fails AA).