#0C691C

Color Details

HEX
#0C691C
RGB
rgb(12, 105, 28)
HSL
hsl(130, 79%, 23%)
CMYK
cmyk(89%, 0%, 73%, 59%)
Best text on this color #FFFFFF (CR 6.88:1) Determined by WCAG contrast ratio

Readability Previews

Black on #0c691c
Contrast 3.05:1 Fail
White on #0c691c
Contrast 6.88:1 AA
#0c691c on Black
Contrast 3.05:1 Fail
#0c691c on White
Contrast 6.88:1 AA

Tints & Shades

#3d8749
#6da577
#9ec3a4
#0a5416
#073f11
#052a0b

Complement & Analogous

#690c5a
#0c694a
#2b690c

Triadic

#1c0c69
#691c0c

Monochrome

#052a0b #073f11 #0c691c #6da577 #9ec3a4 #cee1d2

Analogous

#2b690c #6b9655 #0c691c #3d876e #0c694a #0a543b

Complementary Mix

#073f11 #0c691c #6da577 #690c5a #9e6194 #44083b

Nearby Colors

#0c691b
#0c691d
#0c690c
#0c692c

Embed #0C691C swatch

Embed this swatch

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

Open image

About #0C691C

#0C691C converts to RGB(12, 105, 28) and HSL(130, 79%, 23%). 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).

#0C691C FAQs

What is the RGB value of #0C691C?
RGB: 12, 105, 28. Copy as CSS: rgb(12, 105, 28)
Is #0C691C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #0C691C?
Complement: #690c5a.
Does #0C691C have good contrast on white or black?
On white: 6.88:1 (AA (normal text)). On black: 3.05:1 (AA (large text)).