#afe6f3 Color Information
In a RGB color space, hex #afe6f3 is composed of 68.6% red, 90.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 28% cyan, 5.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 191.5 degrees, a saturation of 73.9% and a lightness of 82%. #afe6f3 color hex could be obtained by blending #ffffff with #5fcde7. Closest websafe color is: #99ffff.
-
- R 69
- G 90
- B 95
-
- C 28
- M 5
- Y 0
- K 5
● #afe6f3 color description : Very soft cyan.
#afe6f3 Color Conversion
The hexadecimal color #afe6f3 has RGB values of R:175, G:230, B:243 and CMYK values of C:0.28, M:0.05, Y:0, K:0.05. Its decimal value is 11527923.
| Hex triplet | afe6f3 | #afe6f3 |
|---|---|---|
| RGB Decimal | 175, 230, 243 | rgb(175,230,243) |
| RGB Percent | 68.6, 90.2, 95.3 | rgb(68.6%,90.2%,95.3%) |
| CMYK | 28, 5, 0, 5 | |
| HSL | 191.5°, 73.9, 82 | hsl(191.5,73.9%,82%) |
| HSV (or HSB) | 191.5°, 28, 95.3 | |
| Web Safe | 99ffff | #99ffff |
| CIE-LAB | 88.053, -14.525, -12.006 |
|---|---|
| XYZ | 62.15, 72.176, 95.446 |
| xyY | 0.27, 0.314, 72.176 |
| CIE-LCH | 88.053, 18.845, 219.577 |
| CIE-LUV | 88.053, -27.624, -16.528 |
| Hunter-Lab | 84.957, -18.093, -7.141 |
| Binary | 10101111, 11100110, 11110011 |
Color Schemes with #afe6f3
Alternatives to #afe6f3
Below, you can see some colors close to #afe6f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#afe6f3 Preview
This text has a font color of #afe6f3.
<span style="color:#afe6f3;">Text here</span>
This paragraph has a background color of #afe6f3.
<p style="background-color:#afe6f3;">Content here</p>
This element has a border color of #afe6f3.
<div style="border:1px solid #afe6f3;">Content here</div>
.text {color:#afe6f3;}
.background {background-color:#afe6f3;}
.border {border:1px solid #afe6f3;}
Shades and Tints of #afe6f3
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, #010405 is the darkest color, while #f3fbfd is the lightest one.
-
#010405
#010405rgb(1,4,5) -
#031316
#031316rgb(3,19,22) -
#062127
#062127rgb(6,33,39) -
#082f38
#082f38rgb(8,47,56) -
#0b3e4a
#0b3e4argb(11,62,74) -
#0e4c5b
#0e4c5brgb(14,76,91) -
#105a6c
#105a6crgb(16,90,108) -
#13687d
#13687drgb(19,104,125) -
#15778e
#15778ergb(21,119,142) -
#18859f
#18859frgb(24,133,159) -
#1a93b0
#1a93b0rgb(26,147,176) -
#1da2c1
#1da2c1rgb(29,162,193) -
#1fb0d2
#1fb0d2rgb(31,176,210)
-
#27bbdf
#27bbdfrgb(39,187,223) -
#38c1e1
#38c1e1rgb(56,193,225) -
#49c6e4
#49c6e4rgb(73,198,228) -
#5acbe6
#5acbe6rgb(90,203,230) -
#6bd1e9
#6bd1e9rgb(107,209,233) -
#7cd6eb
#7cd6ebrgb(124,214,235) -
#8ddbee
#8ddbeergb(141,219,238) -
#9ee1f0
#9ee1f0rgb(158,225,240) -
#afe6f3
#afe6f3rgb(175,230,243) -
#c0ebf6
#c0ebf6rgb(192,235,246) -
#d1f1f8
#d1f1f8rgb(209,241,248) -
#e2f6fb
#e2f6fbrgb(226,246,251) -
#f3fbfd
#f3fbfdrgb(243,251,253)
Tones of #afe6f3
A tone is produced by adding gray to any pure hue. In this case, #cfd2d3 is the less saturated color, while #a4edfe is the most saturated one.
-
#cfd2d3
#cfd2d3rgb(207,210,211) -
#cbd5d7
#cbd5d7rgb(203,213,215) -
#c8d7da
#c8d7dargb(200,215,218) -
#c4d9de
#c4d9dergb(196,217,222) -
#c1dbe1
#c1dbe1rgb(193,219,225) -
#bddde5
#bddde5rgb(189,221,229) -
#badfe8
#badfe8rgb(186,223,232) -
#b6e2ec
#b6e2ecrgb(182,226,236) -
#b3e4ef
#b3e4efrgb(179,228,239) -
#afe6f3
#afe6f3rgb(175,230,243) -
#abe8f7
#abe8f7rgb(171,232,247) -
#a8eafa
#a8eafargb(168,234,250) -
#a4edfe
#a4edfergb(164,237,254)
Color Blindness Simulator
Below, you can see how #afe6f3 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.
