#afd1fc hex color

In a RGB color space, hex #afd1fc is composed of 68.6% red, 82% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 30.6% cyan, 17.1% magenta, 0% yellow and 1.2% black. It has a hue angle of 213.5 degrees, a saturation of 92.8% and a lightness of 83.7%. #afd1fc color hex could be obtained by blending #ffffff with #5fa3f9. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 69
- G 82
- B 99
RGB color chart
- C 31
- M 17
- Y 0
- K 1
CMYK color chart

● #afd1fc color description : Very soft blue.

The hexadecimal color #afd1fc has RGB values of R:175, G:209, B:252 and CMYK values of C:0.31, M:0.17, Y:0, K:0.01. Its decimal value is 11522556.

Hex triplet	afd1fc	`#afd1fc`
RGB Decimal	175, 209, 252	`rgb(175,209,252)`
RGB Percent	68.6, 82, 98.8	`rgb(68.6%,82%,98.8%)`
CMYK	31, 17, 0, 1
HSL	213.5°, 92.8, 83.7	`hsl(213.5,92.8%,83.7%)`
HSV (or HSB)	213.5°, 30.6, 98.8
Web Safe	99ccff	`#99ccff`

CIE-LAB	82.776, -1.546, -24.716
XYZ	58.047, 61.741, 100.949
xyY	0.263, 0.28, 61.741
CIE-LCH	82.776, 24.764, 266.421
CIE-LUV	82.776, -18.76, -39.366
Hunter-Lab	78.576, -5.644, -21.169
Binary	10101111, 11010001, 11111100

#afd1fc
```
#afd1fc rgb(175,209,252)
```
#fcdaaf
```
#fcdaaf rgb(252,218,175)
```

Complementary Color

#aff8fc
```
#aff8fc rgb(175,248,252)
```
#afd1fc
```
#afd1fc rgb(175,209,252)
```
#b4affc
```
#b4affc rgb(180,175,252)
```

Analogous Color

#f8fcaf
```
#f8fcaf rgb(248,252,175)
```
#afd1fc
```
#afd1fc rgb(175,209,252)
```
#fcb4af
```
#fcb4af rgb(252,180,175)
```

Split Complementary Color

#d1fcaf
```
#d1fcaf rgb(209,252,175)
```
#afd1fc
```
#afd1fc rgb(175,209,252)
```
#fcafd1
```
#fcafd1 rgb(252,175,209)
```

Triadic Color

#affcda
```
#affcda rgb(175,252,218)
```
#afd1fc
```
#afd1fc rgb(175,209,252)
```
#fcafd1
```
#fcafd1 rgb(252,175,209)
```
#fcdaaf
```
#fcdaaf rgb(252,218,175)
```

Tetradic Color

#65a7f9
```
#65a7f9 rgb(101,167,249)
```
#7eb5fa
```
#7eb5fa rgb(126,181,250)
```
#96c3fb
```
#96c3fb rgb(150,195,251)
```
#afd1fc
```
#afd1fc rgb(175,209,252)
```
#c8dffd
```
#c8dffd rgb(200,223,253)
```
#e0edfe
```
#e0edfe rgb(224,237,254)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Monochromatic Color

Below, you can see some colors close to #afd1fc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#afe4fc
```
#afe4fc rgb(175,228,252)
```
#afdefc
```
#afdefc rgb(175,222,252)
```
#afd7fc
```
#afd7fc rgb(175,215,252)
```
#afd1fc
```
#afd1fc rgb(175,209,252)
```
#afcbfc
```
#afcbfc rgb(175,203,252)
```
#afc4fc
```
#afc4fc rgb(175,196,252)
```
#afbefc
```
#afbefc rgb(175,190,252)
```

Similar Colors

Text with hexadecimal color #afd1fc

This text has a font color of #afd1fc.

<span style="color:#afd1fc;">Text here</span>

#afd1fc background color

This paragraph has a background color of #afd1fc.

<p style="background-color:#afd1fc;">Content here</p>

#afd1fc border color

This element has a border color of #afd1fc.

<div style="border:1px solid #afd1fc;">Content here</div>

CSS codes

.text {color:#afd1fc;}

.background {background-color:#afd1fc;}

.border {border:1px solid #afd1fc;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #01070f is the darkest color, while #fbfcff is the lightest one.

#01070f
```
#01070f rgb(1,7,15)
```
#010f21
```
#010f21 rgb(1,15,33)
```
#021834
```
#021834 rgb(2,24,52)
```
#032147
```
#032147 rgb(3,33,71)
```
#032a5a
```
#032a5a rgb(3,42,90)
```
#04326d
```
#04326d rgb(4,50,109)
```
#053b80
```
#053b80 rgb(5,59,128)
```
#064493
```
#064493 rgb(6,68,147)
```
#064da6
```
#064da6 rgb(6,77,166)
```
#0755b9
```
#0755b9 rgb(7,85,185)
```
#085ecc
```
#085ecc rgb(8,94,204)
```
#0867df
```
#0867df rgb(8,103,223)
```
#0970f1
```
#0970f1 rgb(9,112,241)
```

Shade Color Variation

#187af6
```
#187af6 rgb(24,122,246)
```
#2b85f7
```
#2b85f7 rgb(43,133,247)
```
#3e90f8
```
#3e90f8 rgb(62,144,248)
```
#509bf8
```
#509bf8 rgb(80,155,248)
```
#63a6f9
```
#63a6f9 rgb(99,166,249)
```
#76b0fa
```
#76b0fa rgb(118,176,250)
```
#89bbfb
```
#89bbfb rgb(137,187,251)
```
#9cc6fb
```
#9cc6fb rgb(156,198,251)
```
#afd1fc
```
#afd1fc rgb(175,209,252)
```
#c2dcfd
```
#c2dcfd rgb(194,220,253)
```
#d5e7fd
```
#d5e7fd rgb(213,231,253)
```
#e8f2fe
```
#e8f2fe rgb(232,242,254)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #d5d5d6 is the less saturated color, while #afd1fc is the most saturated one.

#d5d5d6
```
#d5d5d6 rgb(213,213,214)
```
#d2d5d9
```
#d2d5d9 rgb(210,213,217)
```
#cfd5dc
```
#cfd5dc rgb(207,213,220)
```
#ccd4df
```
#ccd4df rgb(204,212,223)
```
#c9d4e2
```
#c9d4e2 rgb(201,212,226)
```
#c5d4e6
```
#c5d4e6 rgb(197,212,230)
```
#c2d3e9
```
#c2d3e9 rgb(194,211,233)
```
#bfd3ec
```
#bfd3ec rgb(191,211,236)
```
#bcd2ef
```
#bcd2ef rgb(188,210,239)
```
#b9d2f2
```
#b9d2f2 rgb(185,210,242)
```
#b5d2f6
```
#b5d2f6 rgb(181,210,246)
```
#b2d1f9
```
#b2d1f9 rgb(178,209,249)
```
#afd1fc
```
#afd1fc rgb(175,209,252)
```

Tone Color Variation

Below, you can see how #afd1fc is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#cccccc Achromatopsia 0.005% of the population
#c6cdd6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6cef9 Protanopia 1% of men
#cbccfe Deuteranopia 1% of men
#add7e6 Tritanopia 0.001% of the population

Trichromacy

#bdcffa Protanomaly 1% of men, 0.01% of women
#c0cefd Deuteranomaly 6% of men, 0.4% of women
#add4ee Tritanomaly 0.01% of the population

#afd1fc hex color

#afd1fc Color Information

#afd1fc Color Conversion

Color Schemes with #afd1fc

Alternatives to #afd1fc

#afd1fc Preview

Shades and Tints of #afd1fc

Tones of #afd1fc

Color Blindness Simulator