#afe1f4 Color Information
In a RGB color space, hex #afe1f4 is composed of 68.6% red, 88.2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 7.8% magenta, 0% yellow and 4.3% black. It has a hue angle of 196.5 degrees, a saturation of 75.8% and a lightness of 82.2%. #afe1f4 color hex could be obtained by blending #ffffff with #5fc3e9. Closest websafe color is: #99ccff.
-
- R 69
- G 88
- B 96
-
- C 28
- M 8
- Y 0
- K 4
● #afe1f4 color description : Very soft blue.
#afe1f4 Color Conversion
The hexadecimal color #afe1f4 has RGB values of R:175, G:225, B:244 and CMYK values of C:0.28, M:0.08, Y:0, K:0.04. Its decimal value is 11526644.
Hex triplet | afe1f4 | #afe1f4 |
---|---|---|
RGB Decimal | 175, 225, 244 | rgb(175,225,244) |
RGB Percent | 68.6, 88.2, 95.7 | rgb(68.6%,88.2%,95.7%) |
CMYK | 28, 8, 0, 4 | |
HSL | 196.5°, 75.8, 82.2 | hsl(196.5,75.8%,82.2%) |
HSV (or HSB) | 196.5°, 28.3, 95.7 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 86.748, -11.758, -14.484 |
---|---|
XYZ | 60.93, 69.494, 95.786 |
xyY | 0.269, 0.307, 69.494 |
CIE-LCH | 86.748, 18.656, 230.932 |
CIE-LUV | 86.748, -25.476, -20.977 |
Hunter-Lab | 83.363, -15.42, -9.772 |
Binary | 10101111, 11100001, 11110100 |
Color Schemes with #afe1f4
Alternatives to #afe1f4
Below, you can see some colors close to #afe1f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#afe1f4 Preview
This text has a font color of #afe1f4.
<span style="color:#afe1f4;">Text here</span>
This paragraph has a background color of #afe1f4.
<p style="background-color:#afe1f4;">Content here</p>
This element has a border color of #afe1f4.
<div style="border:1px solid #afe1f4;">Content here</div>
.text {color:#afe1f4;}
.background {background-color:#afe1f4;}
.border {border:1px solid #afe1f4;}
Shades and Tints of #afe1f4
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, #010506 is the darkest color, while #f4fbfd is the lightest one.
-
#010506
#010506
rgb(1,5,6)
-
#031217
#031217
rgb(3,18,23)
-
#061f29
#061f29
rgb(6,31,41)
-
#082c3a
#082c3a
rgb(8,44,58)
-
#0a394b
#0a394b
rgb(10,57,75)
-
#0d465c
#0d465c
rgb(13,70,92)
-
#0f546e
#0f546e
rgb(15,84,110)
-
#11617f
#11617f
rgb(17,97,127)
-
#146e90
#146e90
rgb(20,110,144)
-
#167ba1
#167ba1
rgb(22,123,161)
-
#1988b3
#1988b3
rgb(25,136,179)
-
#1b95c4
#1b95c4
rgb(27,149,196)
-
#1da3d5
#1da3d5
rgb(29,163,213)
-
#25ade1
#25ade1
rgb(37,173,225)
-
#36b4e3
#36b4e3
rgb(54,180,227)
-
#48bae6
#48bae6
rgb(72,186,230)
-
#59c1e8
#59c1e8
rgb(89,193,232)
-
#6ac7eb
#6ac7eb
rgb(106,199,235)
-
#7bceed
#7bceed
rgb(123,206,237)
-
#8dd4ef
#8dd4ef
rgb(141,212,239)
-
#9edbf2
#9edbf2
rgb(158,219,242)
-
#afe1f4
#afe1f4
rgb(175,225,244)
-
#c0e7f6
#c0e7f6
rgb(192,231,246)
-
#d1eef9
#d1eef9
rgb(209,238,249)
-
#e3f4fb
#e3f4fb
rgb(227,244,251)
-
#f4fbfd
#f4fbfd
rgb(244,251,253)
Tones of #afe1f4
A tone is produced by adding gray to any pure hue. In this case, #cfd3d5 is the less saturated color, while #a5e6ff is the most saturated one.
-
#cfd3d5
#cfd3d5
rgb(207,211,213)
-
#cbd4d8
#cbd4d8
rgb(203,212,216)
-
#c8d6dc
#c8d6dc
rgb(200,214,220)
-
#c4d8df
#c4d8df
rgb(196,216,223)
-
#c1d9e3
#c1d9e3
rgb(193,217,227)
-
#bddbe6
#bddbe6
rgb(189,219,230)
-
#badcea
#badcea
rgb(186,220,234)
-
#b6deed
#b6deed
rgb(182,222,237)
-
#b3dff1
#b3dff1
rgb(179,223,241)
-
#afe1f4
#afe1f4
rgb(175,225,244)
-
#ace3f8
#ace3f8
rgb(172,227,248)
-
#a8e4fb
#a8e4fb
rgb(168,228,251)
-
#a5e6ff
#a5e6ff
rgb(165,230,255)
Color Blindness Simulator
Below, you can see how #afe1f4 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.