#afd5ff Color Information
In a RGB color space, hex #afd5ff is composed of 68.6% red, 83.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 16.5% magenta, 0% yellow and 0% black. It has a hue angle of 211.5 degrees, a saturation of 100% and a lightness of 84.3%. #afd5ff color hex could be obtained by blending #ffffff with #5fabff. Closest websafe color is: #99ccff.
-
- R 69
- G 84
- B 100
-
- C 31
- M 16
- Y 0
- K 0
● #afd5ff color description : Pale blue.
#afd5ff Color Conversion
The hexadecimal color #afd5ff has RGB values of R:175, G:213, B:255 and CMYK values of C:0.31, M:0.16, Y:0, K:0. Its decimal value is 11523583.
Hex triplet | afd5ff | #afd5ff |
---|---|---|
RGB Decimal | 175, 213, 255 | rgb(175,213,255) |
RGB Percent | 68.6, 83.5, 100 | rgb(68.6%,83.5%,100%) |
CMYK | 31, 16, 0, 0 | |
HSL | 211.5°, 100, 84.3 | hsl(211.5,100%,84.3%) |
HSV (or HSB) | 211.5°, 31.4, 100 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 83.924, -2.939, -24.557 |
---|---|
XYZ | 59.519, 63.921, 103.804 |
xyY | 0.262, 0.281, 63.921 |
CIE-LCH | 83.924, 24.732, 263.176 |
CIE-LUV | 83.924, -20.51, -38.956 |
Hunter-Lab | 79.95, -7.028, -21.014 |
Binary | 10101111, 11010101, 11111111 |
Color Schemes with #afd5ff
Alternatives to #afd5ff
Below, you can see some colors close to #afd5ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#afd5ff Preview
This text has a font color of #afd5ff.
<span style="color:#afd5ff;">Text here</span>
This paragraph has a background color of #afd5ff.
<p style="background-color:#afd5ff;">Content here</p>
This element has a border color of #afd5ff.
<div style="border:1px solid #afd5ff;">Content here</div>
.text {color:#afd5ff;}
.background {background-color:#afd5ff;}
.border {border:1px solid #afd5ff;}
Shades and Tints of #afd5ff
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, #000912 is the darkest color, while #fdfeff is the lightest one.
-
#000912
#000912
rgb(0,9,18)
-
#001226
#001226
rgb(0,18,38)
-
#001b39
#001b39
rgb(0,27,57)
-
#00254d
#00254d
rgb(0,37,77)
-
#002e61
#002e61
rgb(0,46,97)
-
#003774
#003774
rgb(0,55,116)
-
#004088
#004088
rgb(0,64,136)
-
#004a9b
#004a9b
rgb(0,74,155)
-
#0053af
#0053af
rgb(0,83,175)
-
#005cc3
#005cc3
rgb(0,92,195)
-
#0066d6
#0066d6
rgb(0,102,214)
-
#006fea
#006fea
rgb(0,111,234)
-
#0078fd
#0078fd
rgb(0,120,253)
-
#1283ff
#1283ff
rgb(18,131,255)
-
#268dff
#268dff
rgb(38,141,255)
-
#3997ff
#3997ff
rgb(57,151,255)
-
#4da2ff
#4da2ff
rgb(77,162,255)
-
#61acff
#61acff
rgb(97,172,255)
-
#74b6ff
#74b6ff
rgb(116,182,255)
-
#88c0ff
#88c0ff
rgb(136,192,255)
-
#9bcbff
#9bcbff
rgb(155,203,255)
-
#afd5ff
#afd5ff
rgb(175,213,255)
-
#c3dfff
#c3dfff
rgb(195,223,255)
-
#d6eaff
#d6eaff
rgb(214,234,255)
-
#eaf4ff
#eaf4ff
rgb(234,244,255)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #afd5ff
A tone is produced by adding gray to any pure hue. In this case, #d4d7da is the less saturated color, while #afd5ff is the most saturated one.
-
#d4d7da
#d4d7da
rgb(212,215,218)
-
#d1d7dd
#d1d7dd
rgb(209,215,221)
-
#ced7e0
#ced7e0
rgb(206,215,224)
-
#cbd6e3
#cbd6e3
rgb(203,214,227)
-
#c8d6e6
#c8d6e6
rgb(200,214,230)
-
#c5d6e9
#c5d6e9
rgb(197,214,233)
-
#c1d6ed
#c1d6ed
rgb(193,214,237)
-
#bed6f0
#bed6f0
rgb(190,214,240)
-
#bbd6f3
#bbd6f3
rgb(187,214,243)
-
#b8d5f6
#b8d5f6
rgb(184,213,246)
-
#b5d5f9
#b5d5f9
rgb(181,213,249)
-
#b2d5fc
#b2d5fc
rgb(178,213,252)
-
#afd5ff
#afd5ff
rgb(175,213,255)
Color Blindness Simulator
Below, you can see how #afd5ff 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.