#2D77D4

Color Details

HEX
#2D77D4
RGB
rgb(45, 119, 212)
HSL
hsl(213, 66%, 50%)
CMYK
cmyk(79%, 44%, 0%, 17%)
Best text on this color #000000 (CR 4.70:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2d77d4
Contrast 4.70:1 AA
White on #2d77d4
Contrast 4.47:1 Fail
#2d77d4 on Black
Contrast 4.70:1 AA
#2d77d4 on White
Contrast 4.47:1 Fail

Tints & Shades

#5792dd
#81ade5
#abc9ee
#245faa
#1b477f
#123055

Complement & Analogous

#d4882b
#342bd4
#2bcbd4

Triadic

#d42b77
#77d42b

Monochrome

#123055 #1b477f #2d77d4 #81ade5 #abc9ee #d5e4f6

Analogous

#2bcbd4 #6bdbe1 #2d77d4 #5d55dd #342bd4 #2a22aa

Complementary Mix

#1b477f #2d77d4 #81ade5 #d4882b #e3b275 #8a581c

Nearby Colors

#2d77d3
#2d77d5
#2d77c4
#2d77e4

Embed #2D77D4 swatch

Embed this swatch

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

Open image

About #2D77D4

#2D77D4 converts to RGB(45, 119, 212) and HSL(213, 66%, 50%). 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).

#2D77D4 FAQs

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