#2D65A9

Color Details

HEX
#2D65A9
RGB
rgb(45, 101, 169)
HSL
hsl(213, 58%, 42%)
CMYK
cmyk(73%, 40%, 0%, 34%)
Best text on this color #FFFFFF (CR 5.92:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2d65a9
Contrast 3.55:1 Fail
White on #2d65a9
Contrast 5.92:1 AA
#2d65a9 on Black
Contrast 3.55:1 Fail
#2d65a9 on White
Contrast 5.92:1 AA

Tints & Shades

#5784ba
#81a3cb
#abc1dd
#245187
#1b3d65
#122844

Complement & Analogous

#a9712d
#332da9
#2da3a9

Triadic

#a92d65
#65a92d

Monochrome

#122844 #1b3d65 #2d65a9 #81a3cb #abc1dd #d5e0ee

Analogous

#2da3a9 #6cbfc3 #2d65a9 #5c57ba #332da9 #292487

Complementary Mix

#1b3d65 #2d65a9 #81a3cb #a9712d #c7a377 #6e491d

Nearby Colors

#2d65a8
#2d65aa
#2d6599
#2d65b9

Embed #2D65A9 swatch

Embed this swatch

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

Open image

About #2D65A9

#2D65A9 converts to RGB(45, 101, 169) and HSL(213, 58%, 42%). 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).

#2D65A9 FAQs

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