#afdcff Color Information
In a RGB color space, hex #afdcff is composed of 68.6% red, 86.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 13.7% magenta, 0% yellow and 0% black. It has a hue angle of 206.3 degrees, a saturation of 100% and a lightness of 84.3%. #afdcff color hex could be obtained by blending #ffffff with #5fb9ff. Closest websafe color is: #99ccff.
-
- R 69
- G 86
- B 100
-
- C 31
- M 14
- Y 0
- K 0
● #afdcff color description : Pale blue.
#afdcff Color Conversion
The hexadecimal color #afdcff has RGB values of R:175, G:220, B:255 and CMYK values of C:0.31, M:0.14, Y:0, K:0. Its decimal value is 11525375.
Hex triplet | afdcff | #afdcff |
---|---|---|
RGB Decimal | 175, 220, 255 | rgb(175,220,255) |
RGB Percent | 68.6, 86.3, 100 | rgb(68.6%,86.3%,100%) |
CMYK | 31, 14, 0, 0 | |
HSL | 206.3°, 100, 84.3 | hsl(206.3,100%,84.3%) |
HSV (or HSB) | 206.3°, 31.4, 100 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 85.765, -6.606, -21.762 |
---|---|
XYZ | 61.318, 67.518, 104.404 |
xyY | 0.263, 0.289, 67.518 |
CIE-LCH | 85.765, 22.742, 253.115 |
CIE-LUV | 85.765, -23.46, -33.803 |
Hunter-Lab | 82.17, -10.593, -17.815 |
Binary | 10101111, 11011100, 11111111 |
Color Schemes with #afdcff
Alternatives to #afdcff
Below, you can see some colors close to #afdcff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#afdcff Preview
This text has a font color of #afdcff.
<span style="color:#afdcff;">Text here</span>
This paragraph has a background color of #afdcff.
<p style="background-color:#afdcff;">Content here</p>
This element has a border color of #afdcff.
<div style="border:1px solid #afdcff;">Content here</div>
.text {color:#afdcff;}
.background {background-color:#afdcff;}
.border {border:1px solid #afdcff;}
Shades and Tints of #afdcff
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, #000a12 is the darkest color, while #fdfeff is the lightest one.
-
#000a12
#000a12
rgb(0,10,18)
-
#001526
#001526
rgb(0,21,38)
-
#002039
#002039
rgb(0,32,57)
-
#002b4d
#002b4d
rgb(0,43,77)
-
#003661
#003661
rgb(0,54,97)
-
#004174
#004174
rgb(0,65,116)
-
#004c88
#004c88
rgb(0,76,136)
-
#00579b
#00579b
rgb(0,87,155)
-
#0062af
#0062af
rgb(0,98,175)
-
#006dc3
#006dc3
rgb(0,109,195)
-
#0079d6
#0079d6
rgb(0,121,214)
-
#0084ea
#0084ea
rgb(0,132,234)
-
#008ffd
#008ffd
rgb(0,143,253)
-
#1297ff
#1297ff
rgb(18,151,255)
-
#26a0ff
#26a0ff
rgb(38,160,255)
-
#39a9ff
#39a9ff
rgb(57,169,255)
-
#4db1ff
#4db1ff
rgb(77,177,255)
-
#61baff
#61baff
rgb(97,186,255)
-
#74c2ff
#74c2ff
rgb(116,194,255)
-
#88cbff
#88cbff
rgb(136,203,255)
-
#9bd3ff
#9bd3ff
rgb(155,211,255)
-
#afdcff
#afdcff
rgb(175,220,255)
-
#c3e5ff
#c3e5ff
rgb(195,229,255)
-
#d6edff
#d6edff
rgb(214,237,255)
-
#eaf6ff
#eaf6ff
rgb(234,246,255)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #afdcff
A tone is produced by adding gray to any pure hue. In this case, #d4d7da is the less saturated color, while #afdcff is the most saturated one.
-
#d4d7da
#d4d7da
rgb(212,215,218)
-
#d1d8dd
#d1d8dd
rgb(209,216,221)
-
#ced8e0
#ced8e0
rgb(206,216,224)
-
#cbd9e3
#cbd9e3
rgb(203,217,227)
-
#c8d9e6
#c8d9e6
rgb(200,217,230)
-
#c5d9e9
#c5d9e9
rgb(197,217,233)
-
#c1daed
#c1daed
rgb(193,218,237)
-
#bedaf0
#bedaf0
rgb(190,218,240)
-
#bbdaf3
#bbdaf3
rgb(187,218,243)
-
#b8dbf6
#b8dbf6
rgb(184,219,246)
-
#b5dbf9
#b5dbf9
rgb(181,219,249)
-
#b2dcfc
#b2dcfc
rgb(178,220,252)
-
#afdcff
#afdcff
rgb(175,220,255)
Color Blindness Simulator
Below, you can see how #afdcff 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.