#afe3fc hex color

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

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

● #afe3fc color description : Very soft blue.

The hexadecimal color #afe3fc has RGB values of R:175, G:227, B:252 and CMYK values of C:0.31, M:0.1, Y:0, K:0.01. Its decimal value is 11527164.

Hex triplet	afe3fc	`#afe3fc`
RGB Decimal	175, 227, 252	`rgb(175,227,252)`
RGB Percent	68.6, 89, 98.8	`rgb(68.6%,89%,98.8%)`
CMYK	31, 10, 0, 1
HSL	199.5°, 92.8, 83.7	`hsl(199.5,92.8%,83.7%)`
HSV (or HSB)	199.5°, 30.6, 98.8
Web Safe	99ccff	`#99ccff`

CIE-LAB	87.523, -10.928, -17.528
XYZ	62.715, 71.078, 102.505
xyY	0.265, 0.301, 71.078
CIE-LCH	87.523, 20.656, 238.059
CIE-LUV	87.523, -26.392, -26.153
Hunter-Lab	84.308, -14.756, -13.072
Binary	10101111, 11100011, 11111100

#afe3fc
```
#afe3fc rgb(175,227,252)
```
#fcc8af
```
#fcc8af rgb(252,200,175)
```

Complementary Color

#affcef
```
#affcef rgb(175,252,239)
```
#afe3fc
```
#afe3fc rgb(175,227,252)
```
#afbdfc
```
#afbdfc rgb(175,189,252)
```

Analogous Color

#fcefaf
```
#fcefaf rgb(252,239,175)
```
#afe3fc
```
#afe3fc rgb(175,227,252)
```
#fcafbd
```
#fcafbd rgb(252,175,189)
```

Split Complementary Color

#e3fcaf
```
#e3fcaf rgb(227,252,175)
```
#afe3fc
```
#afe3fc rgb(175,227,252)
```
#fcafe3
```
#fcafe3 rgb(252,175,227)
```

Triadic Color

#affcc8
```
#affcc8 rgb(175,252,200)
```
#afe3fc
```
#afe3fc rgb(175,227,252)
```
#fcafe3
```
#fcafe3 rgb(252,175,227)
```
#fcc8af
```
#fcc8af rgb(252,200,175)
```

Tetradic Color

#65c9f9
```
#65c9f9 rgb(101,201,249)
```
#7ed2fa
```
#7ed2fa rgb(126,210,250)
```
#96dafb
```
#96dafb rgb(150,218,251)
```
#afe3fc
```
#afe3fc rgb(175,227,252)
```
#c8ecfd
```
#c8ecfd rgb(200,236,253)
```
#e0f4fe
```
#e0f4fe rgb(224,244,254)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Monochromatic Color

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

#aff6fc
```
#aff6fc rgb(175,246,252)
```
#aff0fc
```
#aff0fc rgb(175,240,252)
```
#afe9fc
```
#afe9fc rgb(175,233,252)
```
#afe3fc
```
#afe3fc rgb(175,227,252)
```
#afddfc
```
#afddfc rgb(175,221,252)
```
#afd6fc
```
#afd6fc rgb(175,214,252)
```
#afd0fc
```
#afd0fc rgb(175,208,252)
```

Similar Colors

Text with hexadecimal color #afe3fc

This text has a font color of #afe3fc.

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

#afe3fc background color

This paragraph has a background color of #afe3fc.

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

#afe3fc border color

This element has a border color of #afe3fc.

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

CSS codes

.text {color:#afe3fc;}

.background {background-color:#afe3fc;}

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

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, #010a0f is the darkest color, while #fbfdff is the lightest one.

#010a0f
```
#010a0f rgb(1,10,15)
```
#011721
```
#011721 rgb(1,23,33)
```
#022434
```
#022434 rgb(2,36,52)
```
#033147
```
#033147 rgb(3,49,71)
```
#033e5a
```
#033e5a rgb(3,62,90)
```
#044b6d
```
#044b6d rgb(4,75,109)
```
#055880
```
#055880 rgb(5,88,128)
```
#066593
```
#066593 rgb(6,101,147)
```
#0672a6
```
#0672a6 rgb(6,114,166)
```
#077fb9
```
#077fb9 rgb(7,127,185)
```
#088ccc
```
#088ccc rgb(8,140,204)
```
#0899df
```
#0899df rgb(8,153,223)
```
#09a6f1
```
#09a6f1 rgb(9,166,241)
```

Shade Color Variation

#18aef6
```
#18aef6 rgb(24,174,246)
```
#2bb5f7
```
#2bb5f7 rgb(43,181,247)
```
#3ebbf8
```
#3ebbf8 rgb(62,187,248)
```
#50c2f8
```
#50c2f8 rgb(80,194,248)
```
#63c9f9
```
#63c9f9 rgb(99,201,249)
```
#76cffa
```
#76cffa rgb(118,207,250)
```
#89d6fb
```
#89d6fb rgb(137,214,251)
```
#9cdcfb
```
#9cdcfb rgb(156,220,251)
```
#afe3fc
```
#afe3fc rgb(175,227,252)
```
#c2eafd
```
#c2eafd rgb(194,234,253)
```
#d5f0fd
```
#d5f0fd rgb(213,240,253)
```
#e8f7fe
```
#e8f7fe rgb(232,247,254)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#d5d6d6
```
#d5d6d6 rgb(213,214,214)
```
#d2d7d9
```
#d2d7d9 rgb(210,215,217)
```
#cfd8dc
```
#cfd8dc rgb(207,216,220)
```
#ccd9df
```
#ccd9df rgb(204,217,223)
```
#c9dae2
```
#c9dae2 rgb(201,218,226)
```
#c5dbe6
```
#c5dbe6 rgb(197,219,230)
```
#c2dce9
```
#c2dce9 rgb(194,220,233)
```
#bfddec
```
#bfddec rgb(191,221,236)
```
#bcdfef
```
#bcdfef rgb(188,223,239)
```
#b9e0f2
```
#b9e0f2 rgb(185,224,242)
```
#b5e1f6
```
#b5e1f6 rgb(181,225,246)
```
#b2e2f9
```
#b2e2f9 rgb(178,226,249)
```
#afe3fc
```
#afe3fc rgb(175,227,252)
```

Tone Color Variation

Below, you can see how #afe3fc 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

#d6d6d6 Achromatopsia 0.005% of the population
#ced9de Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8dbf6 Protanopia 1% of men
#dfd8ff Deuteranopia 1% of men
#b1e5f6 Tritanopia 0.001% of the population

Trichromacy

#c9def8 Protanomaly 1% of men, 0.01% of women
#cddcfd Deuteranomaly 6% of men, 0.4% of women
#b0e4f8 Tritanomaly 0.01% of the population

#afe3fc hex color

#afe3fc Color Information

#afe3fc Color Conversion

Color Schemes with #afe3fc

Alternatives to #afe3fc

#afe3fc Preview

Shades and Tints of #afe3fc

Tones of #afe3fc

Color Blindness Simulator