#1CA8E3

Color Details

HEX
#1CA8E3
RGB
rgb(28, 168, 227)
HSL
hsl(198, 78%, 50%)
CMYK
cmyk(88%, 26%, 0%, 11%)
Best text on this color #000000 (CR 7.76:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1ca8e3
Contrast 7.76:1 AAA
White on #1ca8e3
Contrast 2.71:1 Fail
#1ca8e3 on Black
Contrast 7.76:1 AAA
#1ca8e3 on White
Contrast 2.71:1 Fail

Tints & Shades

#49b9e9
#77cbee
#a4dcf4
#1686b6
#116588
#0b435b

Complement & Analogous

#e3581c
#1c44e3
#1ce3bb

Triadic

#e31ca7
#a7e31c

Monochrome

#0b435b #116588 #1ca8e3 #77cbee #a4dcf4 #d2eef9

Analogous

#1ce3bb #60ebcf #1ca8e3 #4969e9 #1c44e3 #1636b6

Complementary Mix

#116588 #1ca8e3 #77cbee #e3581c #ed926b #943912

Nearby Colors

#1ca8e2
#1ca8e4
#1ca8d3
#1ca8f3

Embed #1CA8E3 swatch

Embed this swatch

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

Open image

About #1CA8E3

#1CA8E3 converts to RGB(28, 168, 227) and HSL(198, 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).

#1CA8E3 FAQs

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