#1D4FE7

Color Details

HEX
#1D4FE7
RGB
rgb(29, 79, 231)
HSL
hsl(225, 81%, 51%)
CMYK
cmyk(87%, 66%, 0%, 9%)
Best text on this color #FFFFFF (CR 6.32:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1d4fe7
Contrast 3.32:1 Fail
White on #1d4fe7
Contrast 6.32:1 AA
#1d4fe7 on Black
Contrast 3.32:1 Fail
#1d4fe7 on White
Contrast 6.32:1 AA

Tints & Shades

#4a72ec
#7795f1
#a5b9f5
#173fb9
#112f8b
#0c205c

Complement & Analogous

#e7b51d
#4f1de7
#1db5e7

Triadic

#e71d4f
#4fe71d

Monochrome

#0c205c #112f8b #1d4fe7 #7795f1 #a5b9f5 #d2dcfa

Analogous

#1db5e7 #61cbee #1d4fe7 #724aec #4f1de7 #3f17b9

Complementary Mix

#112f8b #1d4fe7 #7795f1 #e7b51d #efcf6c #967613

Nearby Colors

#1d4fe6
#1d4fe8
#1d4fd7
#1d4ff7

Embed #1D4FE7 swatch

Embed this swatch

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

Open image

About #1D4FE7

#1D4FE7 converts to RGB(29, 79, 231) and HSL(225, 81%, 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).

#1D4FE7 FAQs

What is the RGB value of #1D4FE7?
RGB: 29, 79, 231. Copy as CSS: rgb(29, 79, 231)
Is #1D4FE7 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #1D4FE7?
Complement: #e7b51d.
Does #1D4FE7 have good contrast on white or black?
On white: 6.32:1 (AA (normal text)). On black: 3.32:1 (AA (large text)).