#3D86CC

Color Details

HEX
#3D86CC
RGB
rgb(61, 134, 204)
HSL
hsl(209, 58%, 52%)
CMYK
cmyk(70%, 34%, 0%, 20%)
Best text on this color #000000 (CR 5.48:1) Determined by WCAG contrast ratio

Readability Previews

Black on #3d86cc
Contrast 5.48:1 AA
White on #3d86cc
Contrast 3.83:1 Fail
#3d86cc on Black
Contrast 5.48:1 AA
#3d86cc on White
Contrast 3.83:1 Fail

Tints & Shades

#649ed6
#8bb6e0
#b1cfeb
#316ba3
#25507a
#183652

Complement & Analogous

#cc823e
#3e40cc
#3eccc9

Triadic

#cc3e87
#87cc3e

Monochrome

#183652 #25507a #3d86cc #8bb6e0 #b1cfeb #d8e7f5

Analogous

#3eccc9 #78dbd9 #3d86cc #6566d6 #3e40cc #3233a3

Complementary Mix

#25507a #3d86cc #8bb6e0 #cc823e #deae82 #855528

Nearby Colors

#3d86cb
#3d86cd
#3d86bc
#3d86dc

Embed #3D86CC swatch

Embed this swatch

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

Open image

About #3D86CC

#3D86CC converts to RGB(61, 134, 204) and HSL(209, 58%, 52%). 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).

#3D86CC FAQs

What is the RGB value of #3D86CC?
RGB: 61, 134, 204. Copy as CSS: rgb(61, 134, 204)
Is #3D86CC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #3D86CC?
Complement: #cc823e.
Does #3D86CC have good contrast on white or black?
On white: 3.83:1 (AA (large text)). On black: 5.48:1 (AA (normal text)).