#1C7DE1

Color Details

HEX
#1C7DE1
RGB
rgb(28, 125, 225)
HSL
hsl(210, 78%, 50%)
CMYK
cmyk(88%, 44%, 0%, 12%)
Best text on this color #000000 (CR 5.07:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1c7de1
Contrast 5.07:1 AA
White on #1c7de1
Contrast 4.14:1 Fail
#1c7de1 on Black
Contrast 5.07:1 AA
#1c7de1 on White
Contrast 4.14:1 Fail

Tints & Shades

#4997e7
#77b1ed
#a4cbf3
#1664b4
#114b87
#0b325a

Complement & Analogous

#e3801c
#1c1ce3
#1ce3e3

Triadic

#e31c80
#80e31c

Monochrome

#0b325a #114b87 #1c7de1 #77b1ed #a4cbf3 #d2e5f9

Analogous

#1ce3e3 #60ebeb #1c7de1 #4949e9 #1c1ce3 #1616b6

Complementary Mix

#114b87 #1c7de1 #77b1ed #e3801c #edac6b #945312

Nearby Colors

#1c7de0
#1c7de2
#1c7dd1
#1c7df1

Embed #1C7DE1 swatch

Embed this swatch

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

Open image

About #1C7DE1

#1C7DE1 converts to RGB(28, 125, 225) and HSL(210, 78%, 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).

#1C7DE1 FAQs

What is the RGB value of #1C7DE1?
RGB: 28, 125, 225. Copy as CSS: rgb(28, 125, 225)
Is #1C7DE1 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #1C7DE1?
Complement: #e3801c.
Does #1C7DE1 have good contrast on white or black?
On white: 4.14:1 (AA (large text)). On black: 5.07:1 (AA (normal text)).