#afd3f1 Color Information
In a RGB color space, hex #afd3f1 is composed of 68.6% red, 82.7% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 27.4% cyan, 12.4% magenta, 0% yellow and 5.5% black. It has a hue angle of 207.3 degrees, a saturation of 70.2% and a lightness of 81.6%. #afd3f1 color hex could be obtained by blending #ffffff with #5fa7e3. Closest websafe color is: #99ccff.
-
- R 69
- G 83
- B 95
-
- C 27
- M 12
- Y 0
- K 5
● #afd3f1 color description : Very soft blue.
#afd3f1 Color Conversion
The hexadecimal color #afd3f1 has RGB values of R:175, G:211, B:241 and CMYK values of C:0.27, M:0.12, Y:0, K:0.05. Its decimal value is 11523057.
Hex triplet | afd3f1 | #afd3f1 |
---|---|---|
RGB Decimal | 175, 211, 241 | rgb(175,211,241) |
RGB Percent | 68.6, 82.7, 94.5 | rgb(68.6%,82.7%,94.5%) |
CMYK | 27, 12, 0, 5 | |
HSL | 207.3°, 70.2, 81.6 | hsl(207.3,70.2%,81.6%) |
HSV (or HSB) | 207.3°, 27.4, 94.5 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 82.941, -5.2, -18.624 |
---|---|
XYZ | 56.847, 62.052, 92.196 |
xyY | 0.269, 0.294, 62.052 |
CIE-LCH | 82.941, 19.336, 254.4 |
CIE-LUV | 82.941, -19.38, -28.666 |
Hunter-Lab | 78.773, -9.037, -14.252 |
Binary | 10101111, 11010011, 11110001 |
Color Schemes with #afd3f1
Alternatives to #afd3f1
Below, you can see some colors close to #afd3f1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#afd3f1 Preview
This text has a font color of #afd3f1.
<span style="color:#afd3f1;">Text here</span>
This paragraph has a background color of #afd3f1.
<p style="background-color:#afd3f1;">Content here</p>
This element has a border color of #afd3f1.
<div style="border:1px solid #afd3f1;">Content here</div>
.text {color:#afd3f1;}
.background {background-color:#afd3f1;}
.border {border:1px solid #afd3f1;}
Shades and Tints of #afd3f1
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, #010203 is the darkest color, while #f2f8fd is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#040d14
#040d14
rgb(4,13,20)
-
#061725
#061725
rgb(6,23,37)
-
#092136
#092136
rgb(9,33,54)
-
#0c2c46
#0c2c46
rgb(12,44,70)
-
#0f3657
#0f3657
rgb(15,54,87)
-
#124168
#124168
rgb(18,65,104)
-
#154b78
#154b78
rgb(21,75,120)
-
#185689
#185689
rgb(24,86,137)
-
#1b609a
#1b609a
rgb(27,96,154)
-
#1e6baa
#1e6baa
rgb(30,107,170)
-
#2175bb
#2175bb
rgb(33,117,187)
-
#247fcc
#247fcc
rgb(36,127,204)
-
#298ada
#298ada
rgb(41,138,218)
-
#3a93dd
#3a93dd
rgb(58,147,221)
-
#4b9cdf
#4b9cdf
rgb(75,156,223)
-
#5ca5e2
#5ca5e2
rgb(92,165,226)
-
#6caee5
#6caee5
rgb(108,174,229)
-
#7db7e8
#7db7e8
rgb(125,183,232)
-
#8ec1eb
#8ec1eb
rgb(142,193,235)
-
#9ecaee
#9ecaee
rgb(158,202,238)
-
#afd3f1
#afd3f1
rgb(175,211,241)
-
#c0dcf4
#c0dcf4
rgb(192,220,244)
-
#d0e5f7
#d0e5f7
rgb(208,229,247)
-
#e1effa
#e1effa
rgb(225,239,250)
-
#f2f8fd
#f2f8fd
rgb(242,248,253)
Tones of #afd3f1
A tone is produced by adding gray to any pure hue. In this case, #d0d0d0 is the less saturated color, while #a4d4fc is the most saturated one.
-
#d0d0d0
#d0d0d0
rgb(208,208,208)
-
#ccd0d4
#ccd0d4
rgb(204,208,212)
-
#c8d1d8
#c8d1d8
rgb(200,209,216)
-
#c5d1db
#c5d1db
rgb(197,209,219)
-
#c1d1df
#c1d1df
rgb(193,209,223)
-
#bdd2e3
#bdd2e3
rgb(189,210,227)
-
#bad2e6
#bad2e6
rgb(186,210,230)
-
#b6d2ea
#b6d2ea
rgb(182,210,234)
-
#b3d3ed
#b3d3ed
rgb(179,211,237)
-
#afd3f1
#afd3f1
rgb(175,211,241)
-
#abd3f5
#abd3f5
rgb(171,211,245)
-
#a8d4f8
#a8d4f8
rgb(168,212,248)
-
#a4d4fc
#a4d4fc
rgb(164,212,252)
Color Blindness Simulator
Below, you can see how #afd3f1 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.