#afd3f7 Color Information
In a RGB color space, hex #afd3f7 is composed of 68.6% red, 82.7% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 29.1% cyan, 14.6% magenta, 0% yellow and 3.1% black. It has a hue angle of 210 degrees, a saturation of 81.8% and a lightness of 82.7%. #afd3f7 color hex could be obtained by blending #ffffff with #5fa7ef. Closest websafe color is: #99ccff.
-
- R 69
- G 83
- B 97
-
- C 29
- M 15
- Y 0
- K 3
● #afd3f7 color description : Very soft blue.
#afd3f7 Color Conversion
The hexadecimal color #afd3f7 has RGB values of R:175, G:211, B:247 and CMYK values of C:0.29, M:0.15, Y:0, K:0.03. Its decimal value is 11523063.
Hex triplet | afd3f7 | #afd3f7 |
---|---|---|
RGB Decimal | 175, 211, 247 | rgb(175,211,247) |
RGB Percent | 68.6, 82.7, 96.9 | rgb(68.6%,82.7%,96.9%) |
CMYK | 29, 15, 0, 3 | |
HSL | 210°, 81.8, 82.7 | hsl(210,81.8%,82.7%) |
HSV (or HSB) | 210°, 29.1, 96.9 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 83.134, -3.795, -21.518 |
---|---|
XYZ | 57.758, 62.416, 96.995 |
xyY | 0.266, 0.287, 62.416 |
CIE-LCH | 83.134, 21.85, 259.999 |
CIE-LUV | 83.134, -19.503, -33.692 |
Hunter-Lab | 79.004, -7.759, -17.489 |
Binary | 10101111, 11010011, 11110111 |
Color Schemes with #afd3f7
Alternatives to #afd3f7
Below, you can see some colors close to #afd3f7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#afd3f7 Preview
This text has a font color of #afd3f7.
<span style="color:#afd3f7;">Text here</span>
This paragraph has a background color of #afd3f7.
<p style="background-color:#afd3f7;">Content here</p>
This element has a border color of #afd3f7.
<div style="border:1px solid #afd3f7;">Content here</div>
.text {color:#afd3f7;}
.background {background-color:#afd3f7;}
.border {border:1px solid #afd3f7;}
Shades and Tints of #afd3f7
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, #010509 is the darkest color, while #f6fafe is the lightest one.
-
#010509
#010509
rgb(1,5,9)
-
#030f1b
#030f1b
rgb(3,15,27)
-
#04192d
#04192d
rgb(4,25,45)
-
#06223f
#06223f
rgb(6,34,63)
-
#082c50
#082c50
rgb(8,44,80)
-
#0a3662
#0a3662
rgb(10,54,98)
-
#0c4074
#0c4074
rgb(12,64,116)
-
#0d4a86
#0d4a86
rgb(13,74,134)
-
#0f5498
#0f5498
rgb(15,84,152)
-
#115daa
#115daa
rgb(17,93,170)
-
#1367bb
#1367bb
rgb(19,103,187)
-
#1571cd
#1571cd
rgb(21,113,205)
-
#167bdf
#167bdf
rgb(22,123,223)
-
#2085e9
#2085e9
rgb(32,133,233)
-
#328eeb
#328eeb
rgb(50,142,235)
-
#4498ec
#4498ec
rgb(68,152,236)
-
#56a2ee
#56a2ee
rgb(86,162,238)
-
#68acf0
#68acf0
rgb(104,172,240)
-
#7ab6f2
#7ab6f2
rgb(122,182,242)
-
#8bbff3
#8bbff3
rgb(139,191,243)
-
#9dc9f5
#9dc9f5
rgb(157,201,245)
-
#afd3f7
#afd3f7
rgb(175,211,247)
-
#c1ddf9
#c1ddf9
rgb(193,221,249)
-
#d3e7fb
#d3e7fb
rgb(211,231,251)
-
#e4f0fc
#e4f0fc
rgb(228,240,252)
-
#f6fafe
#f6fafe
rgb(246,250,254)
Tones of #afd3f7
A tone is produced by adding gray to any pure hue. In this case, #d1d3d5 is the less saturated color, while #a8d3fe is the most saturated one.
-
#d1d3d5
#d1d3d5
rgb(209,211,213)
-
#cdd3d9
#cdd3d9
rgb(205,211,217)
-
#cad3dc
#cad3dc
rgb(202,211,220)
-
#c7d3df
#c7d3df
rgb(199,211,223)
-
#c3d3e3
#c3d3e3
rgb(195,211,227)
-
#c0d3e6
#c0d3e6
rgb(192,211,230)
-
#bdd3e9
#bdd3e9
rgb(189,211,233)
-
#b9d3ed
#b9d3ed
rgb(185,211,237)
-
#b6d3f0
#b6d3f0
rgb(182,211,240)
-
#b2d3f4
#b2d3f4
rgb(178,211,244)
-
#afd3f7
#afd3f7
rgb(175,211,247)
-
#acd3fa
#acd3fa
rgb(172,211,250)
-
#a8d3fe
#a8d3fe
rgb(168,211,254)
Color Blindness Simulator
Below, you can see how #afd3f7 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.