#afd4f9 Color Information
In a RGB color space, hex #afd4f9 is composed of 68.6% red, 83.1% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 29.7% cyan, 14.9% magenta, 0% yellow and 2.4% black. It has a hue angle of 210 degrees, a saturation of 86% and a lightness of 83.1%. #afd4f9 color hex could be obtained by blending #ffffff with #5fa9f3. Closest websafe color is: #99ccff.
-
- R 69
- G 83
- B 98
-
- C 30
- M 15
- Y 0
- K 2
● #afd4f9 color description : Very soft blue.
#afd4f9 Color Conversion
The hexadecimal color #afd4f9 has RGB values of R:175, G:212, B:249 and CMYK values of C:0.3, M:0.15, Y:0, K:0.02. Its decimal value is 11523321.
Hex triplet | afd4f9 | #afd4f9 |
---|---|---|
RGB Decimal | 175, 212, 249 | rgb(175,212,249) |
RGB Percent | 68.6, 83.1, 97.6 | rgb(68.6%,83.1%,97.6%) |
CMYK | 30, 15, 0, 2 | |
HSL | 210°, 86, 83.1 | hsl(210,86%,83.1%) |
HSV (or HSB) | 210°, 29.7, 97.6 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 83.463, -3.847, -22.081 |
---|---|
XYZ | 58.318, 63.039, 98.712 |
xyY | 0.265, 0.286, 63.039 |
CIE-LCH | 83.463, 22.413, 260.116 |
CIE-LUV | 83.463, -19.97, -34.641 |
Hunter-Lab | 79.397, -7.835, -18.136 |
Binary | 10101111, 11010100, 11111001 |
Color Schemes with #afd4f9
Alternatives to #afd4f9
Below, you can see some colors close to #afd4f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#afd4f9 Preview
This text has a font color of #afd4f9.
<span style="color:#afd4f9;">Text here</span>
This paragraph has a background color of #afd4f9.
<p style="background-color:#afd4f9;">Content here</p>
This element has a border color of #afd4f9.
<div style="border:1px solid #afd4f9;">Content here</div>
.text {color:#afd4f9;}
.background {background-color:#afd4f9;}
.border {border:1px solid #afd4f9;}
Shades and Tints of #afd4f9
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, #01060b is the darkest color, while #f8fbfe is the lightest one.
-
#01060b
#01060b
rgb(1,6,11)
-
#02101d
#02101d
rgb(2,16,29)
-
#041a30
#041a30
rgb(4,26,48)
-
#052342
#052342
rgb(5,35,66)
-
#062d54
#062d54
rgb(6,45,84)
-
#083766
#083766
rgb(8,55,102)
-
#094179
#094179
rgb(9,65,121)
-
#0a4b8b
#0a4b8b
rgb(10,75,139)
-
#0c559d
#0c559d
rgb(12,85,157)
-
#0d5eaf
#0d5eaf
rgb(13,94,175)
-
#0f68c2
#0f68c2
rgb(15,104,194)
-
#1072d4
#1072d4
rgb(16,114,212)
-
#117ce6
#117ce6
rgb(17,124,230)
-
#1d86ee
#1d86ee
rgb(29,134,238)
-
#2f8fef
#2f8fef
rgb(47,143,239)
-
#4299f1
#4299f1
rgb(66,153,241)
-
#54a3f2
#54a3f2
rgb(84,163,242)
-
#66adf4
#66adf4
rgb(102,173,244)
-
#78b7f5
#78b7f5
rgb(120,183,245)
-
#8bc0f6
#8bc0f6
rgb(139,192,246)
-
#9dcaf8
#9dcaf8
rgb(157,202,248)
-
#afd4f9
#afd4f9
rgb(175,212,249)
-
#c1defa
#c1defa
rgb(193,222,250)
-
#d3e8fc
#d3e8fc
rgb(211,232,252)
-
#e6f1fd
#e6f1fd
rgb(230,241,253)
-
#f8fbfe
#f8fbfe
rgb(248,251,254)
Tones of #afd4f9
A tone is produced by adding gray to any pure hue. In this case, #d3d4d5 is the less saturated color, while #acd4fc is the most saturated one.
-
#d3d4d5
#d3d4d5
rgb(211,212,213)
-
#d0d4d8
#d0d4d8
rgb(208,212,216)
-
#cdd4db
#cdd4db
rgb(205,212,219)
-
#c9d4df
#c9d4df
rgb(201,212,223)
-
#c6d4e2
#c6d4e2
rgb(198,212,226)
-
#c3d4e5
#c3d4e5
rgb(195,212,229)
-
#c0d4e8
#c0d4e8
rgb(192,212,232)
-
#bcd4ec
#bcd4ec
rgb(188,212,236)
-
#b9d4ef
#b9d4ef
rgb(185,212,239)
-
#b6d4f2
#b6d4f2
rgb(182,212,242)
-
#b2d4f6
#b2d4f6
rgb(178,212,246)
-
#afd4f9
#afd4f9
rgb(175,212,249)
-
#acd4fc
#acd4fc
rgb(172,212,252)
Color Blindness Simulator
Below, you can see how #afd4f9 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.