#20123F

Color Details

HEX
#20123F
RGB
rgb(32, 18, 63)
HSL
hsl(259, 56%, 16%)
CMYK
cmyk(49%, 71%, 0%, 75%)
Best text on this color #FFFFFF (CR 17.22:1) Determined by WCAG contrast ratio

Readability Previews

Black on #20123f
Contrast 1.22:1 Fail
White on #20123f
Contrast 17.22:1 AAA
#20123f on Black
Contrast 1.22:1 Fail
#20123f on White
Contrast 17.22:1 AAA

Tints & Shades

#4d4165
#79718c
#a6a0b2
#1a0e32
#130b26
#0d0719

Complement & Analogous

#314012
#371240
#121a40

Triadic

#402012
#124020

Monochrome

#0d0719 #130b26 #20123f #79718c #a6a0b2 #d2d0d9

Analogous

#121a40 #595f79 #20123f #5f4166 #371240 #2c0e33

Complementary Mix

#130b26 #20123f #79718c #314012 #798365 #202a0c

Nearby Colors

#20123e
#201240
#20122f
#20124f

Embed #20123F swatch

Embed this swatch

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

Open image

About #20123F

#20123F converts to RGB(32, 18, 63) and HSL(259, 56%, 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).

#20123F FAQs

What is the RGB value of #20123F?
RGB: 32, 18, 63. Copy as CSS: rgb(32, 18, 63)
Is #20123F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #20123F?
Complement: #314012.
Does #20123F have good contrast on white or black?
On white: 17.22:1 (AAA (normal text)). On black: 1.22:1 (Fails AA).