#0C3669

Color Details

HEX
#0C3669
RGB
rgb(12, 54, 105)
HSL
hsl(213, 79%, 23%)
CMYK
cmyk(89%, 49%, 0%, 59%)
Best text on this color #FFFFFF (CR 12.02:1) Determined by WCAG contrast ratio

Readability Previews

Black on #0c3669
Contrast 1.75:1 Fail
White on #0c3669
Contrast 12.02:1 AAA
#0c3669 on Black
Contrast 1.75:1 Fail
#0c3669 on White
Contrast 12.02:1 AAA

Tints & Shades

#3d5e87
#6d86a5
#9eafc3
#0a2b54
#07203f
#05162a

Complement & Analogous

#693f0c
#110c69
#0c6469

Triadic

#690c36
#36690c

Monochrome

#05162a #07203f #0c3669 #6d86a5 #9eafc3 #ced7e1

Analogous

#0c6469 #559396 #0c3669 #413d87 #110c69 #0e0a54

Complementary Mix

#07203f #0c3669 #6d86a5 #693f0c #9e8261 #442908

Nearby Colors

#0c3668
#0c366a
#0c3659
#0c3679

Embed #0C3669 swatch

Embed this swatch

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

Open image

About #0C3669

#0C3669 converts to RGB(12, 54, 105) and HSL(213, 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).

#0C3669 FAQs

What is the RGB value of #0C3669?
RGB: 12, 54, 105. Copy as CSS: rgb(12, 54, 105)
Is #0C3669 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #0C3669?
Complement: #693f0c.
Does #0C3669 have good contrast on white or black?
On white: 12.02:1 (AAA (normal text)). On black: 1.75:1 (Fails AA).