#afe5f2 hex color

In a RGB color space, hex #afe5f2 is composed of 68.6% red, 89.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 27.7% cyan, 5.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 191.6 degrees, a saturation of 72% and a lightness of 81.8%. #afe5f2 color hex could be obtained by blending #ffffff with #5fcbe5. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 69
- G 90
- B 95
RGB color chart
- C 28
- M 5
- Y 0
- K 5
CMYK color chart

● #afe5f2 color description : Very soft cyan.

The hexadecimal color #afe5f2 has RGB values of R:175, G:229, B:242 and CMYK values of C:0.28, M:0.05, Y:0, K:0.05. Its decimal value is 11527666.

Hex triplet	afe5f2	`#afe5f2`
RGB Decimal	175, 229, 242	`rgb(175,229,242)`
RGB Percent	68.6, 89.8, 94.9	`rgb(68.6%,89.8%,94.9%)`
CMYK	28, 5, 0, 5
HSL	191.6°, 72, 81.8	`hsl(191.6,72%,81.8%)`
HSV (or HSB)	191.6°, 27.7, 94.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	87.757, -14.246, -11.924
XYZ	61.722, 71.561, 94.56
xyY	0.271, 0.314, 71.561
CIE-LCH	87.757, 18.578, 219.928
CIE-LUV	87.757, -27.188, -16.431
Hunter-Lab	84.594, -17.801, -7.059
Binary	10101111, 11100101, 11110010

#afe5f2
```
#afe5f2 rgb(175,229,242)
```
#f2bcaf
```
#f2bcaf rgb(242,188,175)
```

Complementary Color

#aff2de
```
#aff2de rgb(175,242,222)
```
#afe5f2
```
#afe5f2 rgb(175,229,242)
```
#afc4f2
```
#afc4f2 rgb(175,196,242)
```

Analogous Color

#f2deaf
```
#f2deaf rgb(242,222,175)
```
#afe5f2
```
#afe5f2 rgb(175,229,242)
```
#f2afc4
```
#f2afc4 rgb(242,175,196)
```

Split Complementary Color

#e5f2af
```
#e5f2af rgb(229,242,175)
```
#afe5f2
```
#afe5f2 rgb(175,229,242)
```
#f2afe5
```
#f2afe5 rgb(242,175,229)
```

Triadic Color

#aff2bc
```
#aff2bc rgb(175,242,188)
```
#afe5f2
```
#afe5f2 rgb(175,229,242)
```
#f2afe5
```
#f2afe5 rgb(242,175,229)
```
#f2bcaf
```
#f2bcaf rgb(242,188,175)
```

Tetradic Color

#6dd0e7
```
#6dd0e7 rgb(109,208,231)
```
#83d7eb
```
#83d7eb rgb(131,215,235)
```
#99deee
```
#99deee rgb(153,222,238)
```
#afe5f2
```
#afe5f2 rgb(175,229,242)
```
#c5ecf6
```
#c5ecf6 rgb(197,236,246)
```
#dbf3f9
```
#dbf3f9 rgb(219,243,249)
```
#f1fafd
```
#f1fafd rgb(241,250,253)
```

Monochromatic Color

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

#aff2ee
```
#aff2ee rgb(175,242,238)
```
#aff0f2
```
#aff0f2 rgb(175,240,242)
```
#afebf2
```
#afebf2 rgb(175,235,242)
```
#afe5f2
```
#afe5f2 rgb(175,229,242)
```
#afdff2
```
#afdff2 rgb(175,223,242)
```
#afdaf2
```
#afdaf2 rgb(175,218,242)
```
#afd4f2
```
#afd4f2 rgb(175,212,242)
```

Similar Colors

Text with hexadecimal color #afe5f2

This text has a font color of #afe5f2.

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

#afe5f2 background color

This paragraph has a background color of #afe5f2.

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

#afe5f2 border color

This element has a border color of #afe5f2.

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

CSS codes

.text {color:#afe5f2;}

.background {background-color:#afe5f2;}

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

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, #010404 is the darkest color, while #f2fbfd is the lightest one.

#010404
```
#010404 rgb(1,4,4)
```
#031215
```
#031215 rgb(3,18,21)
```
#062026
```
#062026 rgb(6,32,38)
```
#092e37
```
#092e37 rgb(9,46,55)
```
#0c3c48
```
#0c3c48 rgb(12,60,72)
```
#0e4a59
```
#0e4a59 rgb(14,74,89)
```
#11586a
```
#11586a rgb(17,88,106)
```
#14677a
```
#14677a rgb(20,103,122)
```
#17758b
```
#17758b rgb(23,117,139)
```
#19839c
```
#19839c rgb(25,131,156)
```
#1c91ad
```
#1c91ad rgb(28,145,173)
```
#1f9fbe
```
#1f9fbe rgb(31,159,190)
```
#22adcf
```
#22adcf rgb(34,173,207)
```

Shade Color Variation

#28b9dc
```
#28b9dc rgb(40,185,220)
```
#39bfdf
```
#39bfdf rgb(57,191,223)
```
#4ac4e2
```
#4ac4e2 rgb(74,196,226)
```
#5bcae4
```
#5bcae4 rgb(91,202,228)
```
#6ccfe7
```
#6ccfe7 rgb(108,207,231)
```
#7cd5ea
```
#7cd5ea rgb(124,213,234)
```
#8ddaed
```
#8ddaed rgb(141,218,237)
```
#9ee0ef
```
#9ee0ef rgb(158,224,239)
```
#afe5f2
```
#afe5f2 rgb(175,229,242)
```
#c0eaf5
```
#c0eaf5 rgb(192,234,245)
```
#d1f0f7
```
#d1f0f7 rgb(209,240,247)
```
#e2f5fa
```
#e2f5fa rgb(226,245,250)
```
#f2fbfd
```
#f2fbfd rgb(242,251,253)
```

Tint Color Variation

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

#cfd1d2
```
#cfd1d2 rgb(207,209,210)
```
#ccd3d5
```
#ccd3d5 rgb(204,211,213)
```
#c8d6d9
```
#c8d6d9 rgb(200,214,217)
```
#c4d8dd
```
#c4d8dd rgb(196,216,221)
```
#c1dae0
```
#c1dae0 rgb(193,218,224)
```
#bddce4
```
#bddce4 rgb(189,220,228)
```
#badee7
```
#badee7 rgb(186,222,231)
```
#b6e1eb
```
#b6e1eb rgb(182,225,235)
```
#b3e3ee
```
#b3e3ee rgb(179,227,238)
```
#afe5f2
```
#afe5f2 rgb(175,229,242)
```
#abe7f6
```
#abe7f6 rgb(171,231,246)
```
#a8e9f9
```
#a8e9f9 rgb(168,233,249)
```
#a4ecfd
```
#a4ecfd rgb(164,236,253)
```

Tone Color Variation

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

Dichromacy

#dcdced Protanopia 1% of men
#e5d8f7 Deuteranopia 1% of men
#b4e5f6 Tritanopia 0.001% of the population

Trichromacy

#ccdfee Protanomaly 1% of men, 0.01% of women
#d1ddf5 Deuteranomaly 6% of men, 0.4% of women
#b2e5f4 Tritanomaly 0.01% of the population

#afe5f2 hex color

#afe5f2 Color Information

#afe5f2 Color Conversion

Color Schemes with #afe5f2

Alternatives to #afe5f2

#afe5f2 Preview

Shades and Tints of #afe5f2

Tones of #afe5f2

Color Blindness Simulator