#1F53E4

Color Details

HEX
#1F53E4
RGB
rgb(31, 83, 228)
HSL
hsl(224, 78%, 51%)
CMYK
cmyk(86%, 64%, 0%, 11%)
Best text on this color #FFFFFF (CR 6.15:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1f53e4
Contrast 3.42:1 Fail
White on #1f53e4
Contrast 6.15:1 AA
#1f53e4 on Black
Contrast 3.42:1 Fail
#1f53e4 on White
Contrast 6.15:1 AA

Tints & Shades

#4c75e9
#7998ef
#a5baf4
#1942b6
#133289
#0c215b

Complement & Analogous

#e4b021
#4e21e4
#21b6e4

Triadic

#e42155
#55e421

Monochrome

#0c215b #133289 #1f53e4 #7998ef #a5baf4 #d2ddfa

Analogous

#21b6e4 #64ccec #1f53e4 #714de9 #4e21e4 #3e1ab6

Complementary Mix

#133289 #1f53e4 #7998ef #e4b021 #edcc6f #947215

Nearby Colors

#1f53e3
#1f53e5
#1f53d4
#1f53f4

Embed #1F53E4 swatch

Embed this swatch

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

Open image

About #1F53E4

#1F53E4 converts to RGB(31, 83, 228) and HSL(224, 78%, 51%). 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).

#1F53E4 FAQs

What is the RGB value of #1F53E4?
RGB: 31, 83, 228. Copy as CSS: rgb(31, 83, 228)
Is #1F53E4 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #1F53E4?
Complement: #e4b021.
Does #1F53E4 have good contrast on white or black?
On white: 6.15:1 (AA (normal text)). On black: 3.42:1 (AA (large text)).