#1CA6FD

Color Details

HEX
#1CA6FD
RGB
rgb(28, 166, 253)
HSL
hsl(203, 98%, 55%)
CMYK
cmyk(89%, 34%, 0%, 1%)
Best text on this color #000000 (CR 7.92:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1ca6fd
Contrast 7.92:1 AAA
White on #1ca6fd
Contrast 2.65:1 Fail
#1ca6fd on Black
Contrast 7.92:1 AAA
#1ca6fd on White
Contrast 2.65:1 Fail

Tints & Shades

#49b8fd
#77cafe
#a4dbfe
#1685ca
#116498
#0b4265

Complement & Analogous

#fd721c
#1c36fd
#1cfde2

Triadic

#fd1ca6
#a6fd1c

Monochrome

#0b4265 #116498 #1ca6fd #77cafe #a4dbfe #d2edff

Analogous

#1cfde2 #60feeb #1ca6fd #495efd #1c36fd #162bca

Complementary Mix

#116498 #1ca6fd #77cafe #fd721c #fea36b #a44a12

Nearby Colors

#1ca6fc
#1ca6fe
#1ca6ed
#1ca70d

Embed #1CA6FD swatch

Embed this swatch

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

Open image

About #1CA6FD

#1CA6FD converts to RGB(28, 166, 253) and HSL(203, 98%, 55%). 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).

#1CA6FD FAQs

What is the RGB value of #1CA6FD?
RGB: 28, 166, 253. Copy as CSS: rgb(28, 166, 253)
Is #1CA6FD a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #1CA6FD?
Complement: #fd721c.
Does #1CA6FD have good contrast on white or black?
On white: 2.65:1 (Fails AA). On black: 7.92:1 (AAA (normal text)).