#1E5A9F

Color Details

HEX
#1E5A9F
RGB
rgb(30, 90, 159)
HSL
hsl(212, 68%, 37%)
CMYK
cmyk(81%, 43%, 0%, 38%)
Best text on this color #FFFFFF (CR 6.96:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1e5a9f
Contrast 3.02:1 Fail
White on #1e5a9f
Contrast 6.96:1 AA
#1e5a9f on Black
Contrast 3.02:1 Fail
#1e5a9f on White
Contrast 6.96:1 AA

Tints & Shades

#4b7bb2
#789cc5
#a5bdd9
#18487f
#12365f
#0c2440

Complement & Analogous

#9f631e
#221e9f
#1e9a9f

Triadic

#9f1e5a
#5a9f1e

Monochrome

#0c2440 #12365f #1e5a9f #789cc5 #a5bdd9 #d2deec

Analogous

#1e9a9f #62b8bc #1e5a9f #4e4bb2 #221e9f #1b187f

Complementary Mix

#12365f #1e5a9f #789cc5 #9f631e #c19a6d #674014

Nearby Colors

#1e5a9e
#1e5aa0
#1e5a8f
#1e5aaf

Embed #1E5A9F swatch

Embed this swatch

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

Open image

About #1E5A9F

#1E5A9F converts to RGB(30, 90, 159) and HSL(212, 68%, 37%). 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).

#1E5A9F FAQs

What is the RGB value of #1E5A9F?
RGB: 30, 90, 159. Copy as CSS: rgb(30, 90, 159)
Is #1E5A9F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #1E5A9F?
Complement: #9f631e.
Does #1E5A9F have good contrast on white or black?
On white: 6.96:1 (AA (normal text)). On black: 3.02:1 (AA (large text)).