#afe2ff hex color

In a RGB color space, hex #afe2ff is composed of 68.6% red, 88.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 11.4% magenta, 0% yellow and 0% black. It has a hue angle of 201.8 degrees, a saturation of 100% and a lightness of 84.3%. #afe2ff color hex could be obtained by blending #ffffff with #5fc5ff. Closest websafe color is: #99ccff.

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

● #afe2ff color description : Pale blue.

The hexadecimal color #afe2ff has RGB values of R:175, G:226, B:255 and CMYK values of C:0.31, M:0.11, Y:0, K:0. Its decimal value is 11526911.

Hex triplet	afe2ff	`#afe2ff`
RGB Decimal	175, 226, 255	`rgb(175,226,255)`
RGB Percent	68.6, 88.6, 100	`rgb(68.6%,88.6%,100%)`
CMYK	31, 11, 0, 0
HSL	201.8°, 100, 84.3	`hsl(201.8,100%,84.3%)`
HSV (or HSB)	201.8°, 31.4, 100
Web Safe	99ccff	`#99ccff`

CIE-LAB	87.351, -9.709, -19.364
XYZ	62.921, 70.724, 104.938
xyY	0.264, 0.296, 70.724
CIE-LCH	87.351, 21.661, 243.371
CIE-LUV	87.351, -25.991, -29.387
Hunter-Lab	84.098, -13.619, -15.114
Binary	10101111, 11100010, 11111111

#afe2ff
```
#afe2ff rgb(175,226,255)
```
#ffccaf
```
#ffccaf rgb(255,204,175)
```

Complementary Color

#affff4
```
#affff4 rgb(175,255,244)
```
#afe2ff
```
#afe2ff rgb(175,226,255)
```
#afbaff
```
#afbaff rgb(175,186,255)
```

Analogous Color

#fff4af
```
#fff4af rgb(255,244,175)
```
#afe2ff
```
#afe2ff rgb(175,226,255)
```
#ffafba
```
#ffafba rgb(255,175,186)
```

Split Complementary Color

#e2ffaf
```
#e2ffaf rgb(226,255,175)
```
#afe2ff
```
#afe2ff rgb(175,226,255)
```
#ffafe2
```
#ffafe2 rgb(255,175,226)
```

Triadic Color

#afffcc
```
#afffcc rgb(175,255,204)
```
#afe2ff
```
#afe2ff rgb(175,226,255)
```
#ffafe2
```
#ffafe2 rgb(255,175,226)
```
#ffccaf
```
#ffccaf rgb(255,204,175)
```

Tetradic Color

#63c6ff
```
#63c6ff rgb(99,198,255)
```
#7cd0ff
```
#7cd0ff rgb(124,208,255)
```
#96d9ff
```
#96d9ff rgb(150,217,255)
```
#afe2ff
```
#afe2ff rgb(175,226,255)
```
#c9ebff
```
#c9ebff rgb(201,235,255)
```
#e2f4ff
```
#e2f4ff rgb(226,244,255)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Monochromatic Color

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

#aff6ff
```
#aff6ff rgb(175,246,255)
```
#afefff
```
#afefff rgb(175,239,255)
```
#afe9ff
```
#afe9ff rgb(175,233,255)
```
#afe2ff
```
#afe2ff rgb(175,226,255)
```
#afdbff
```
#afdbff rgb(175,219,255)
```
#afd5ff
```
#afd5ff rgb(175,213,255)
```
#afceff
```
#afceff rgb(175,206,255)
```

Similar Colors

Text with hexadecimal color #afe2ff

This text has a font color of #afe2ff.

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

#afe2ff background color

This paragraph has a background color of #afe2ff.

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

#afe2ff border color

This element has a border color of #afe2ff.

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

CSS codes

.text {color:#afe2ff;}

.background {background-color:#afe2ff;}

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

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, #000c12 is the darkest color, while #fdfeff is the lightest one.

#000c12
```
#000c12 rgb(0,12,18)
```
#001826
```
#001826 rgb(0,24,38)
```
#002539
```
#002539 rgb(0,37,57)
```
#00314d
```
#00314d rgb(0,49,77)
```
#003e61
```
#003e61 rgb(0,62,97)
```
#004a74
```
#004a74 rgb(0,74,116)
```
#005788
```
#005788 rgb(0,87,136)
```
#00639b
```
#00639b rgb(0,99,155)
```
#0070af
```
#0070af rgb(0,112,175)
```
#007cc3
```
#007cc3 rgb(0,124,195)
```
#0089d6
```
#0089d6 rgb(0,137,214)
```
#0095ea
```
#0095ea rgb(0,149,234)
```
#00a2fd
```
#00a2fd rgb(0,162,253)
```

Shade Color Variation

#12a9ff
```
#12a9ff rgb(18,169,255)
```
#26b0ff
```
#26b0ff rgb(38,176,255)
```
#39b7ff
```
#39b7ff rgb(57,183,255)
```
#4dbeff
```
#4dbeff rgb(77,190,255)
```
#61c6ff
```
#61c6ff rgb(97,198,255)
```
#74cdff
```
#74cdff rgb(116,205,255)
```
#88d4ff
```
#88d4ff rgb(136,212,255)
```
#9bdbff
```
#9bdbff rgb(155,219,255)
```
#afe2ff
```
#afe2ff rgb(175,226,255)
```
#c3e9ff
```
#c3e9ff rgb(195,233,255)
```
#d6f0ff
```
#d6f0ff rgb(214,240,255)
```
#eaf7ff
```
#eaf7ff rgb(234,247,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#d4d8da
```
#d4d8da rgb(212,216,218)
```
#d1d9dd
```
#d1d9dd rgb(209,217,221)
```
#cedae0
```
#cedae0 rgb(206,218,224)
```
#cbdae3
```
#cbdae3 rgb(203,218,227)
```
#c8dbe6
```
#c8dbe6 rgb(200,219,230)
```
#c5dce9
```
#c5dce9 rgb(197,220,233)
```
#c1dded
```
#c1dded rgb(193,221,237)
```
#bedef0
```
#bedef0 rgb(190,222,240)
```
#bbdff3
```
#bbdff3 rgb(187,223,243)
```
#b8dff6
```
#b8dff6 rgb(184,223,246)
```
#b5e0f9
```
#b5e0f9 rgb(181,224,249)
```
#b2e1fc
```
#b2e1fc rgb(178,225,252)
```
#afe2ff
```
#afe2ff rgb(175,226,255)
```

Tone Color Variation

Below, you can see how #afe2ff 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
#ced8de Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7dbf9 Protanopia 1% of men
#ddd8ff Deuteranopia 1% of men
#b0e5f5 Tritanopia 0.001% of the population

Trichromacy

#c8ddfb Protanomaly 1% of men, 0.01% of women
#ccdcff Deuteranomaly 6% of men, 0.4% of women
#afe3f9 Tritanomaly 0.01% of the population

#afe2ff hex color

#afe2ff Color Information

#afe2ff Color Conversion

Color Schemes with #afe2ff

Alternatives to #afe2ff

#afe2ff Preview

Shades and Tints of #afe2ff

Tones of #afe2ff

Color Blindness Simulator