#2C76DD

Color Details

HEX
#2C76DD
RGB
rgb(44, 118, 221)
HSL
hsl(215, 72%, 52%)
CMYK
cmyk(80%, 47%, 0%, 13%)
Best text on this color #000000 (CR 4.74:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2c76dd
Contrast 4.74:1 AA
White on #2c76dd
Contrast 4.43:1 Fail
#2c76dd on Black
Contrast 4.74:1 AA
#2c76dd on White
Contrast 4.43:1 Fail

Tints & Shades

#5691e4
#80adeb
#abc8f1
#235eb1
#1a4785
#122f58

Complement & Analogous

#dd932c
#3b2cdd
#2ccedd

Triadic

#dd2c76
#76dd2c

Monochrome

#122f58 #1a4785 #2c76dd #80adeb #abc8f1 #d5e4f8

Analogous

#2ccedd #6bdde7 #2c76dd #6256e4 #3b2cdd #2f23b1

Complementary Mix

#1a4785 #2c76dd #80adeb #dd932c #e9b976 #90601d

Nearby Colors

#2c76dc
#2c76de
#2c76cd
#2c76ed

Embed #2C76DD swatch

Embed this swatch

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

Open image

About #2C76DD

#2C76DD converts to RGB(44, 118, 221) and HSL(215, 72%, 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).

#2C76DD FAQs

What is the RGB value of #2C76DD?
RGB: 44, 118, 221. Copy as CSS: rgb(44, 118, 221)
Is #2C76DD a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2C76DD?
Complement: #dd932c.
Does #2C76DD have good contrast on white or black?
On white: 4.43:1 (AA (large text)). On black: 4.74:1 (AA (normal text)).