#afd4ff Color Information
In a RGB color space, hex #afd4ff is composed of 68.6% red, 83.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 16.9% magenta, 0% yellow and 0% black. It has a hue angle of 212.3 degrees, a saturation of 100% and a lightness of 84.3%. #afd4ff color hex could be obtained by blending #ffffff with #5fa9ff. Closest websafe color is: #99ccff.
-
- R 69
- G 83
- B 100
-
- C 31
- M 17
- Y 0
- K 0
● #afd4ff color description : Pale blue.
#afd4ff Color Conversion
The hexadecimal color #afd4ff has RGB values of R:175, G:212, B:255 and CMYK values of C:0.31, M:0.17, Y:0, K:0. Its decimal value is 11523327.
Hex triplet | afd4ff | #afd4ff |
---|---|---|
RGB Decimal | 175, 212, 255 | rgb(175,212,255) |
RGB Percent | 68.6, 83.1, 100 | rgb(68.6%,83.1%,100%) |
CMYK | 31, 17, 0, 0 | |
HSL | 212.3°, 100, 84.3 | hsl(212.3,100%,84.3%) |
HSV (or HSB) | 212.3°, 31.4, 100 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 83.662, -2.411, -24.956 |
---|---|
XYZ | 59.269, 63.419, 103.721 |
xyY | 0.262, 0.28, 63.419 |
CIE-LCH | 83.662, 25.072, 264.482 |
CIE-LUV | 83.662, -20.089, -39.692 |
Hunter-Lab | 79.636, -6.516, -21.476 |
Binary | 10101111, 11010100, 11111111 |
Color Schemes with #afd4ff
Alternatives to #afd4ff
Below, you can see some colors close to #afd4ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#afd4ff Preview
This text has a font color of #afd4ff.
<span style="color:#afd4ff;">Text here</span>
This paragraph has a background color of #afd4ff.
<p style="background-color:#afd4ff;">Content here</p>
This element has a border color of #afd4ff.
<div style="border:1px solid #afd4ff;">Content here</div>
.text {color:#afd4ff;}
.background {background-color:#afd4ff;}
.border {border:1px solid #afd4ff;}
Shades and Tints of #afd4ff
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, #000812 is the darkest color, while #fdfeff is the lightest one.
-
#000812
#000812
rgb(0,8,18)
-
#001126
#001126
rgb(0,17,38)
-
#001b39
#001b39
rgb(0,27,57)
-
#00244d
#00244d
rgb(0,36,77)
-
#002d61
#002d61
rgb(0,45,97)
-
#003674
#003674
rgb(0,54,116)
-
#003f88
#003f88
rgb(0,63,136)
-
#00489b
#00489b
rgb(0,72,155)
-
#0051af
#0051af
rgb(0,81,175)
-
#005ac3
#005ac3
rgb(0,90,195)
-
#0063d6
#0063d6
rgb(0,99,214)
-
#006cea
#006cea
rgb(0,108,234)
-
#0075fd
#0075fd
rgb(0,117,253)
-
#1280ff
#1280ff
rgb(18,128,255)
-
#268aff
#268aff
rgb(38,138,255)
-
#3995ff
#3995ff
rgb(57,149,255)
-
#4d9fff
#4d9fff
rgb(77,159,255)
-
#61aaff
#61aaff
rgb(97,170,255)
-
#74b4ff
#74b4ff
rgb(116,180,255)
-
#88bfff
#88bfff
rgb(136,191,255)
-
#9bc9ff
#9bc9ff
rgb(155,201,255)
-
#afd4ff
#afd4ff
rgb(175,212,255)
-
#c3dfff
#c3dfff
rgb(195,223,255)
-
#d6e9ff
#d6e9ff
rgb(214,233,255)
-
#eaf4ff
#eaf4ff
rgb(234,244,255)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #afd4ff
A tone is produced by adding gray to any pure hue. In this case, #d4d7da is the less saturated color, while #afd4ff is the most saturated one.
-
#d4d7da
#d4d7da
rgb(212,215,218)
-
#d1d7dd
#d1d7dd
rgb(209,215,221)
-
#ced6e0
#ced6e0
rgb(206,214,224)
-
#cbd6e3
#cbd6e3
rgb(203,214,227)
-
#c8d6e6
#c8d6e6
rgb(200,214,230)
-
#c5d6e9
#c5d6e9
rgb(197,214,233)
-
#c1d5ed
#c1d5ed
rgb(193,213,237)
-
#bed5f0
#bed5f0
rgb(190,213,240)
-
#bbd5f3
#bbd5f3
rgb(187,213,243)
-
#b8d5f6
#b8d5f6
rgb(184,213,246)
-
#b5d4f9
#b5d4f9
rgb(181,212,249)
-
#b2d4fc
#b2d4fc
rgb(178,212,252)
-
#afd4ff
#afd4ff
rgb(175,212,255)
Color Blindness Simulator
Below, you can see how #afd4ff 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.