#2D6ACD

Color Details

HEX
#2D6ACD
RGB
rgb(45, 106, 205)
HSL
hsl(217, 64%, 49%)
CMYK
cmyk(78%, 48%, 0%, 20%)
Best text on this color #FFFFFF (CR 5.18:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2d6acd
Contrast 4.05:1 Fail
White on #2d6acd
Contrast 5.18:1 AA
#2d6acd on Black
Contrast 4.05:1 Fail
#2d6acd on White
Contrast 5.18:1 AA

Tints & Shades

#5788d7
#81a6e1
#abc3eb
#2455a4
#1b407b
#122a52

Complement & Analogous

#cd902d
#402dcd
#2dbacd

Triadic

#cd2d6a
#6acd2d

Monochrome

#122a52 #1b407b #2d6acd #81a6e1 #abc3eb #d5e1f5

Analogous

#2dbacd #6ccfdc #2d6acd #6657d7 #402dcd #3324a4

Complementary Mix

#1b407b #2d6acd #81a6e1 #cd902d #dfb777 #855e1d

Nearby Colors

#2d6acc
#2d6ace
#2d6abd
#2d6add

Embed #2D6ACD swatch

Embed this swatch

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

Open image

About #2D6ACD

#2D6ACD converts to RGB(45, 106, 205) and HSL(217, 64%, 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).

#2D6ACD FAQs

What is the RGB value of #2D6ACD?
RGB: 45, 106, 205. Copy as CSS: rgb(45, 106, 205)
Is #2D6ACD a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2D6ACD?
Complement: #cd902d.
Does #2D6ACD have good contrast on white or black?
On white: 5.18:1 (AA (normal text)). On black: 4.05:1 (AA (large text)).