#1DAFFC

Color Details

HEX
#1DAFFC
RGB
rgb(29, 175, 252)
HSL
hsl(201, 97%, 55%)
CMYK
cmyk(88%, 31%, 0%, 1%)
Best text on this color #000000 (CR 8.59:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1daffc
Contrast 8.59:1 AAA
White on #1daffc
Contrast 2.44:1 Fail
#1daffc on Black
Contrast 8.59:1 AAA
#1daffc on White
Contrast 2.44:1 Fail

Tints & Shades

#4abffd
#77cffd
#a5dffe
#178cca
#116997
#0c4665

Complement & Analogous

#fc6b1d
#1d3efc
#1dfcda

Triadic

#fc1dae
#aefc1d

Monochrome

#0c4665 #116997 #1daffc #77cffd #a5dffe #d2effe

Analogous

#1dfcda #61fde5 #1daffc #4a65fd #1d3efc #1732ca

Complementary Mix

#116997 #1daffc #77cffd #fc6b1d #fd9f6c #a44613

Nearby Colors

#1daffb
#1daffd
#1dafec
#1db00c

Embed #1DAFFC swatch

Embed this swatch

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

Open image

About #1DAFFC

#1DAFFC converts to RGB(29, 175, 252) and HSL(201, 97%, 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).

#1DAFFC FAQs

What is the RGB value of #1DAFFC?
RGB: 29, 175, 252. Copy as CSS: rgb(29, 175, 252)
Is #1DAFFC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #1DAFFC?
Complement: #fc6b1d.
Does #1DAFFC have good contrast on white or black?
On white: 2.44:1 (Fails AA). On black: 8.59:1 (AAA (normal text)).