#201B4B

Color Details

HEX
#201B4B
RGB
rgb(32, 27, 75)
HSL
hsl(246, 47%, 20%)
CMYK
cmyk(57%, 64%, 0%, 71%)
Best text on this color #FFFFFF (CR 15.91:1) Determined by WCAG contrast ratio

Readability Previews

Black on #201b4b
Contrast 1.32:1 Fail
White on #201b4b
Contrast 15.91:1 AAA
#201b4b on Black
Contrast 1.32:1 Fail
#201b4b on White
Contrast 15.91:1 AAA

Tints & Shades

#4d496f
#797693
#a6a4b7
#1a163c
#13102d
#0d0b1e

Complement & Analogous

#464b1b
#381b4b
#1b2e4b

Triadic

#4b201b
#1b4b20

Monochrome

#0d0b1e #13102d #201b4b #797693 #a6a4b7 #d2d1db

Analogous

#1b2e4b #5f6d81 #201b4b #60496f #381b4b #2d163c

Complementary Mix

#13102d #201b4b #797693 #464b1b #878a6b #2e3112

Nearby Colors

#201b4a
#201b4c
#201b3b
#201b5b

Embed #201B4B swatch

Embed this swatch

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

Open image

About #201B4B

#201B4B converts to RGB(32, 27, 75) and HSL(246, 47%, 20%). 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).

#201B4B FAQs

What is the RGB value of #201B4B?
RGB: 32, 27, 75. Copy as CSS: rgb(32, 27, 75)
Is #201B4B a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #201B4B?
Complement: #464b1b.
Does #201B4B have good contrast on white or black?
On white: 15.91:1 (AAA (normal text)). On black: 1.32:1 (Fails AA).