#0A342C

Color Details

HEX
#0A342C
RGB
rgb(10, 52, 44)
HSL
hsl(169, 68%, 12%)
CMYK
cmyk(81%, 0%, 15%, 80%)
Best text on this color #FFFFFF (CR 13.63:1) Determined by WCAG contrast ratio

Readability Previews

Black on #0a342c
Contrast 1.54:1 Fail
White on #0a342c
Contrast 13.63:1 AAA
#0a342c on Black
Contrast 1.54:1 Fail
#0a342c on White
Contrast 13.63:1 AAA

Tints & Shades

#3b5d56
#6c8580
#9daeab
#082a23
#061f1a
#041512

Complement & Analogous

#330a11
#0a2633
#0a3317

Triadic

#2c0a33
#332c0a

Monochrome

#041512 #061f1a #0a342c #6c8580 #9daeab #ced6d5

Analogous

#0a3317 #54705d #0a342c #3b515c #0a2633 #081e29

Complementary Mix

#061f1a #0a342c #6c8580 #330a11 #7a6064 #21070b

Nearby Colors

#0a342b
#0a342d
#0a341c
#0a343c

Embed #0A342C swatch

Embed this swatch

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

Open image

About #0A342C

#0A342C converts to RGB(10, 52, 44) and HSL(169, 68%, 12%). 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).

#0A342C FAQs

What is the RGB value of #0A342C?
RGB: 10, 52, 44. Copy as CSS: rgb(10, 52, 44)
Is #0A342C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #0A342C?
Complement: #330a11.
Does #0A342C have good contrast on white or black?
On white: 13.63:1 (AAA (normal text)). On black: 1.54:1 (Fails AA).