#2C5DFC

Color Details

HEX
#2C5DFC
RGB
rgb(44, 93, 252)
HSL
hsl(226, 97%, 58%)
CMYK
cmyk(83%, 63%, 0%, 1%)
Best text on this color #FFFFFF (CR 5.15:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2c5dfc
Contrast 4.08:1 Fail
White on #2c5dfc
Contrast 5.15:1 AA
#2c5dfc on Black
Contrast 4.08:1 Fail
#2c5dfc on White
Contrast 5.15:1 AA

Tints & Shades

#567dfd
#809efd
#abbefe
#234aca
#1a3897
#122565

Complement & Analogous

#fccb2c
#632cfc
#2cc4fc

Triadic

#fc2c5c
#5cfc2c

Monochrome

#122565 #1a3897 #2c5dfc #809efd #abbefe #d5dffe

Analogous

#2cc4fc #6bd6fd #2c5dfc #8256fd #632cfc #4f23ca

Complementary Mix

#1a3897 #2c5dfc #809efd #fccb2c #fddd76 #a4841d

Nearby Colors

#2c5dfb
#2c5dfd
#2c5dec
#2c5e0c

Embed #2C5DFC swatch

Embed this swatch

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

Open image

About #2C5DFC

#2C5DFC converts to RGB(44, 93, 252) and HSL(226, 97%, 58%). 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).

#2C5DFC FAQs

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