#3C5AFC

Color Details

HEX
#3C5AFC
RGB
rgb(60, 90, 252)
HSL
hsl(231, 97%, 61%)
CMYK
cmyk(76%, 64%, 0%, 1%)
Best text on this color #FFFFFF (CR 5.17:1) Determined by WCAG contrast ratio

Readability Previews

Black on #3c5afc
Contrast 4.06:1 Fail
White on #3c5afc
Contrast 5.17:1 AA
#3c5afc on Black
Contrast 4.06:1 Fail
#3c5afc on White
Contrast 5.17:1 AA

Tints & Shades

#637bfd
#8a9cfd
#b1bdfe
#3048ca
#243697
#182465

Complement & Analogous

#fcdf3b
#7f3bfc
#3bb8fc

Triadic

#fc3b58
#58fc3b

Monochrome

#182465 #243697 #3c5afc #8a9cfd #b1bdfe #d8defe

Analogous

#3bb8fc #76cdfd #3c5afc #9962fd #7f3bfc #662fca

Complementary Mix

#243697 #3c5afc #8a9cfd #fcdf3b #fdea80 #a49126

Nearby Colors

#3c5afb
#3c5afd
#3c5aec
#3c5b0c

Embed #3C5AFC swatch

Embed this swatch

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

Open image

About #3C5AFC

#3C5AFC converts to RGB(60, 90, 252) and HSL(231, 97%, 61%). 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).

#3C5AFC FAQs

What is the RGB value of #3C5AFC?
RGB: 60, 90, 252. Copy as CSS: rgb(60, 90, 252)
Is #3C5AFC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #3C5AFC?
Complement: #fcdf3b.
Does #3C5AFC have good contrast on white or black?
On white: 5.17:1 (AA (normal text)). On black: 4.06:1 (AA (large text)).