#3F95DD

Color Details

HEX
#3F95DD
RGB
rgb(63, 149, 221)
HSL
hsl(207, 70%, 56%)
CMYK
cmyk(71%, 33%, 0%, 13%)
Best text on this color #000000 (CR 6.55:1) Determined by WCAG contrast ratio

Readability Previews

Black on #3f95dd
Contrast 6.55:1 AA
White on #3f95dd
Contrast 3.20:1 Fail
#3f95dd on Black
Contrast 6.55:1 AA
#3f95dd on White
Contrast 3.20:1 Fail

Tints & Shades

#65aae4
#8cbfeb
#b2d5f1
#3277b1
#265985
#193c58

Complement & Analogous

#dd8740
#4048dd
#40ddd5

Triadic

#dd4097
#97dd40

Monochrome

#193c58 #265985 #3f95dd #8cbfeb #b2d5f1 #d9eaf8

Analogous

#40ddd5 #79e7e2 #3f95dd #666de4 #4048dd #333ab1

Complementary Mix

#265985 #3f95dd #8cbfeb #dd8740 #e9b183 #90582a

Nearby Colors

#3f95dc
#3f95de
#3f95cd
#3f95ed

Embed #3F95DD swatch

Embed this swatch

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

Open image

About #3F95DD

#3F95DD converts to RGB(63, 149, 221) and HSL(207, 70%, 56%). 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).

#3F95DD FAQs

What is the RGB value of #3F95DD?
RGB: 63, 149, 221. Copy as CSS: rgb(63, 149, 221)
Is #3F95DD a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #3F95DD?
Complement: #dd8740.
Does #3F95DD have good contrast on white or black?
On white: 3.20:1 (AA (large text)). On black: 6.55:1 (AA (normal text)).