#0A122C

Color Details

HEX
#0A122C
RGB
rgb(10, 18, 44)
HSL
hsl(226, 63%, 11%)
CMYK
cmyk(77%, 59%, 0%, 83%)
Best text on this color #FFFFFF (CR 18.49:1) Determined by WCAG contrast ratio

Readability Previews

Black on #0a122c
Contrast 1.14:1 Fail
White on #0a122c
Contrast 18.49:1 AAA
#0a122c on Black
Contrast 1.14:1 Fail
#0a122c on White
Contrast 18.49:1 AAA

Tints & Shades

#3b4156
#6c7180
#9da0ab
#080e23
#060b1a
#040712

Complement & Analogous

#2e250a
#140a2e
#0a242e

Triadic

#2e0a13
#132e0a

Monochrome

#040712 #060b1a #0a122c #6c7180 #9da0ab #ced0d5

Analogous

#0a242e #54666d #0a122c #433b58 #140a2e #100825

Complementary Mix

#060b1a #0a122c #6c7180 #2e250a #777160 #1e1807

Nearby Colors

#0a122b
#0a122d
#0a121c
#0a123c

Embed #0A122C swatch

Embed this swatch

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

Open image

About #0A122C

#0A122C converts to RGB(10, 18, 44) and HSL(226, 63%, 11%). 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).

#0A122C FAQs

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