#20166C

Color Details

HEX
#20166C
RGB
rgb(32, 22, 108)
HSL
hsl(247, 66%, 25%)
CMYK
cmyk(70%, 80%, 0%, 58%)
Best text on this color #FFFFFF (CR 15.08:1) Determined by WCAG contrast ratio

Readability Previews

Black on #20166c
Contrast 1.39:1 Fail
White on #20166c
Contrast 15.08:1 AAA
#20166c on Black
Contrast 1.39:1 Fail
#20166c on White
Contrast 15.08:1 AAA

Tints & Shades

#4d4589
#7973a7
#a6a2c4
#1a1256
#130d41
#0d092b

Complement & Analogous

#606a16
#4a166a
#16366a

Triadic

#6a1f16
#166a1f

Monochrome

#0d092b #130d41 #20166c #7973a7 #a6a2c4 #d2d0e2

Analogous

#16366a #5c7297 #20166c #6e4588 #4a166a #3b1255

Complementary Mix

#130d41 #20166c #7973a7 #606a16 #989e68 #3e450e

Nearby Colors

#20166b
#20166d
#20165c
#20167c

Embed #20166C swatch

Embed this swatch

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

Open image

About #20166C

#20166C converts to RGB(32, 22, 108) and HSL(247, 66%, 25%). 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).

#20166C FAQs

What is the RGB value of #20166C?
RGB: 32, 22, 108. Copy as CSS: rgb(32, 22, 108)
Is #20166C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #20166C?
Complement: #606a16.
Does #20166C have good contrast on white or black?
On white: 15.08:1 (AAA (normal text)). On black: 1.39:1 (Fails AA).