#1F40DD

Color Details

HEX
#1F40DD
RGB
rgb(31, 64, 221)
HSL
hsl(230, 75%, 49%)
CMYK
cmyk(86%, 71%, 0%, 13%)
Best text on this color #FFFFFF (CR 7.41:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1f40dd
Contrast 2.84:1 Fail
White on #1f40dd
Contrast 7.41:1 AAA
#1f40dd on Black
Contrast 2.84:1 Fail
#1f40dd on White
Contrast 7.41:1 AAA

Tints & Shades

#4c66e4
#798ceb
#a5b3f1
#1933b1
#132685
#0c1a58

Complement & Analogous

#dbbb1f
#5e1fdb
#1f9cdb

Triadic

#db1f3e
#3edb1f

Monochrome

#0c1a58 #132685 #1f40dd #798ceb #a5b3f1 #d2d9f8

Analogous

#1f9cdb #62bae6 #1f40dd #7e4ce2 #5e1fdb #4b19af

Complementary Mix

#132685 #1f40dd #798ceb #dbbb1f #e8d36d #8e7a14

Nearby Colors

#1f40dc
#1f40de
#1f40cd
#1f40ed

Embed #1F40DD swatch

Embed this swatch

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

Open image

About #1F40DD

#1F40DD converts to RGB(31, 64, 221) and HSL(230, 75%, 49%). 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).

#1F40DD FAQs

What is the RGB value of #1F40DD?
RGB: 31, 64, 221. Copy as CSS: rgb(31, 64, 221)
Is #1F40DD a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #1F40DD?
Complement: #dbbb1f.
Does #1F40DD have good contrast on white or black?
On white: 7.41:1 (AAA (normal text)). On black: 2.84:1 (Fails AA).