#afdaff Color Information
In a RGB color space, hex #afdaff is composed of 68.6% red, 85.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 14.5% magenta, 0% yellow and 0% black. It has a hue angle of 207.8 degrees, a saturation of 100% and a lightness of 84.3%. #afdaff color hex could be obtained by blending #ffffff with #5fb5ff. Closest websafe color is: #99ccff.
-
- R 69
- G 85
- B 100
-
- C 31
- M 15
- Y 0
- K 0
● #afdaff color description : Pale blue.
#afdaff Color Conversion
The hexadecimal color #afdaff has RGB values of R:175, G:218, B:255 and CMYK values of C:0.31, M:0.15, Y:0, K:0. Its decimal value is 11524863.
Hex triplet | afdaff | #afdaff |
---|---|---|
RGB Decimal | 175, 218, 255 | rgb(175,218,255) |
RGB Percent | 68.6, 85.5, 100 | rgb(68.6%,85.5%,100%) |
CMYK | 31, 15, 0, 0 | |
HSL | 207.8°, 100, 84.3 | hsl(207.8,100%,84.3%) |
HSV (or HSB) | 207.8°, 31.4, 100 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 85.238, -5.563, -22.561 |
---|---|
XYZ | 60.797, 66.475, 104.23 |
xyY | 0.263, 0.287, 66.475 |
CIE-LCH | 85.238, 23.237, 256.149 |
CIE-LUV | 85.238, -22.617, -35.275 |
Hunter-Lab | 81.532, -9.578, -18.723 |
Binary | 10101111, 11011010, 11111111 |
Color Schemes with #afdaff
Alternatives to #afdaff
Below, you can see some colors close to #afdaff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#afdaff Preview
This text has a font color of #afdaff.
<span style="color:#afdaff;">Text here</span>
This paragraph has a background color of #afdaff.
<p style="background-color:#afdaff;">Content here</p>
This element has a border color of #afdaff.
<div style="border:1px solid #afdaff;">Content here</div>
.text {color:#afdaff;}
.background {background-color:#afdaff;}
.border {border:1px solid #afdaff;}
Shades and Tints of #afdaff
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)
-
#001426
#001426
rgb(0,20,38)
-
#001f39
#001f39
rgb(0,31,57)
-
#00294d
#00294d
rgb(0,41,77)
-
#003461
#003461
rgb(0,52,97)
-
#003e74
#003e74
rgb(0,62,116)
-
#004988
#004988
rgb(0,73,136)
-
#00549b
#00549b
rgb(0,84,155)
-
#005eaf
#005eaf
rgb(0,94,175)
-
#0069c3
#0069c3
rgb(0,105,195)
-
#0073d6
#0073d6
rgb(0,115,214)
-
#007eea
#007eea
rgb(0,126,234)
-
#0088fd
#0088fd
rgb(0,136,253)
-
#1291ff
#1291ff
rgb(18,145,255)
-
#269aff
#269aff
rgb(38,154,255)
-
#39a4ff
#39a4ff
rgb(57,164,255)
-
#4dadff
#4dadff
rgb(77,173,255)
-
#61b6ff
#61b6ff
rgb(97,182,255)
-
#74bfff
#74bfff
rgb(116,191,255)
-
#88c8ff
#88c8ff
rgb(136,200,255)
-
#9bd1ff
#9bd1ff
rgb(155,209,255)
-
#afdaff
#afdaff
rgb(175,218,255)
-
#c3e3ff
#c3e3ff
rgb(195,227,255)
-
#d6ecff
#d6ecff
rgb(214,236,255)
-
#eaf5ff
#eaf5ff
rgb(234,245,255)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #afdaff
A tone is produced by adding gray to any pure hue. In this case, #d4d7da is the less saturated color, while #afdaff is the most saturated one.
-
#d4d7da
#d4d7da
rgb(212,215,218)
-
#d1d7dd
#d1d7dd
rgb(209,215,221)
-
#ced8e0
#ced8e0
rgb(206,216,224)
-
#cbd8e3
#cbd8e3
rgb(203,216,227)
-
#c8d8e6
#c8d8e6
rgb(200,216,230)
-
#c5d8e9
#c5d8e9
rgb(197,216,233)
-
#c1d9ed
#c1d9ed
rgb(193,217,237)
-
#bed9f0
#bed9f0
rgb(190,217,240)
-
#bbd9f3
#bbd9f3
rgb(187,217,243)
-
#b8d9f6
#b8d9f6
rgb(184,217,246)
-
#b5daf9
#b5daf9
rgb(181,218,249)
-
#b2dafc
#b2dafc
rgb(178,218,252)
-
#afdaff
#afdaff
rgb(175,218,255)
Color Blindness Simulator
Below, you can see how #afdaff 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.