#1E204F

Color Details

HEX
#1E204F
RGB
rgb(30, 32, 79)
HSL
hsl(238, 45%, 21%)
CMYK
cmyk(62%, 59%, 0%, 69%)
Best text on this color #FFFFFF (CR 15.28:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1e204f
Contrast 1.37:1 Fail
White on #1e204f
Contrast 15.28:1 AAA
#1e204f on Black
Contrast 1.37:1 Fail
#1e204f on White
Contrast 15.28:1 AAA

Tints & Shades

#4b4d72
#787995
#a5a6b9
#181a3f
#12132f
#0c0d20

Complement & Analogous

#4e4c1d
#341d4e
#1d374e

Triadic

#4e1d1f
#1f4e1d

Monochrome

#0c0d20 #12132f #1e204f #787995 #a5a6b9 #d2d2dc

Analogous

#1d374e #617383 #1e204f #5d4a71 #341d4e #2a173e

Complementary Mix

#12132f #1e204f #787995 #4e4c1d #8c8b6c #333113

Nearby Colors

#1e204e
#1e2050
#1e203f
#1e205f

Embed #1E204F swatch

Embed this swatch

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

Open image

About #1E204F

#1E204F converts to RGB(30, 32, 79) and HSL(238, 45%, 21%). 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).

#1E204F FAQs

What is the RGB value of #1E204F?
RGB: 30, 32, 79. Copy as CSS: rgb(30, 32, 79)
Is #1E204F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #1E204F?
Complement: #4e4c1d.
Does #1E204F have good contrast on white or black?
On white: 15.28:1 (AAA (normal text)). On black: 1.37:1 (Fails AA).