#3D66A6

Color Details

HEX
#3D66A6
RGB
rgb(61, 102, 166)
HSL
hsl(217, 46%, 45%)
CMYK
cmyk(63%, 39%, 0%, 35%)
Best text on this color #FFFFFF (CR 5.75:1) Determined by WCAG contrast ratio

Readability Previews

Black on #3d66a6
Contrast 3.65:1 Fail
White on #3d66a6
Contrast 5.75:1 AA
#3d66a6 on Black
Contrast 3.65:1 Fail
#3d66a6 on White
Contrast 5.75:1 AA

Tints & Shades

#6485b8
#8ba3ca
#b1c2db
#315285
#253d64
#182942

Complement & Analogous

#a87f3e
#4a3ea8
#3e9ba8

Triadic

#a83e66
#66a83e

Monochrome

#182942 #253d64 #3d66a6 #8ba3ca #b1c2db #d8e0ed

Analogous

#3e9ba8 #78b9c2 #3d66a6 #6e65b9 #4a3ea8 #3b3286

Complementary Mix

#253d64 #3d66a6 #8ba3ca #a87f3e #c6ac82 #6d5328

Nearby Colors

#3d66a5
#3d66a7
#3d6696
#3d66b6

Embed #3D66A6 swatch

Embed this swatch

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

Open image

About #3D66A6

#3D66A6 converts to RGB(61, 102, 166) and HSL(217, 46%, 45%). 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).

#3D66A6 FAQs

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