#afdef4 Color Information
In a RGB color space, hex #afdef4 is composed of 68.6% red, 87.1% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 9% magenta, 0% yellow and 4.3% black. It has a hue angle of 199.1 degrees, a saturation of 75.8% and a lightness of 82.2%. #afdef4 color hex could be obtained by blending #ffffff with #5fbde9. Closest websafe color is: #99ccff.
-
- R 69
- G 87
- B 96
-
- C 28
- M 9
- Y 0
- K 4
● #afdef4 color description : Very soft blue.
#afdef4 Color Conversion
The hexadecimal color #afdef4 has RGB values of R:175, G:222, B:244 and CMYK values of C:0.28, M:0.09, Y:0, K:0.04. Its decimal value is 11525876.
Hex triplet | afdef4 | #afdef4 |
---|---|---|
RGB Decimal | 175, 222, 244 | rgb(175,222,244) |
RGB Percent | 68.6, 87.1, 95.7 | rgb(68.6%,87.1%,95.7%) |
CMYK | 28, 9, 0, 4 | |
HSL | 199.1°, 75.8, 82.2 | hsl(199.1,75.8%,82.2%) |
HSV (or HSB) | 199.1°, 28.3, 95.7 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 85.95, -10.22, -15.682 |
---|---|
XYZ | 60.126, 67.886, 95.518 |
xyY | 0.269, 0.304, 67.886 |
CIE-LCH | 85.95, 18.719, 236.909 |
CIE-LUV | 85.95, -24.183, -23.159 |
Hunter-Lab | 82.393, -13.929, -11.06 |
Binary | 10101111, 11011110, 11110100 |
Color Schemes with #afdef4
Alternatives to #afdef4
Below, you can see some colors close to #afdef4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#afdef4 Preview
This text has a font color of #afdef4.
<span style="color:#afdef4;">Text here</span>
This paragraph has a background color of #afdef4.
<p style="background-color:#afdef4;">Content here</p>
This element has a border color of #afdef4.
<div style="border:1px solid #afdef4;">Content here</div>
.text {color:#afdef4;}
.background {background-color:#afdef4;}
.border {border:1px solid #afdef4;}
Shades and Tints of #afdef4
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 #f4fafd is the lightest one.
-
#010506
#010506
rgb(1,5,6)
-
#031117
#031117
rgb(3,17,23)
-
#061e29
#061e29
rgb(6,30,41)
-
#082a3a
#082a3a
rgb(8,42,58)
-
#0a374b
#0a374b
rgb(10,55,75)
-
#0d435c
#0d435c
rgb(13,67,92)
-
#0f506e
#0f506e
rgb(15,80,110)
-
#115c7f
#115c7f
rgb(17,92,127)
-
#146990
#146990
rgb(20,105,144)
-
#1675a1
#1675a1
rgb(22,117,161)
-
#1982b3
#1982b3
rgb(25,130,179)
-
#1b8ec4
#1b8ec4
rgb(27,142,196)
-
#1d9bd5
#1d9bd5
rgb(29,155,213)
-
#25a5e1
#25a5e1
rgb(37,165,225)
-
#36ace3
#36ace3
rgb(54,172,227)
-
#48b3e6
#48b3e6
rgb(72,179,230)
-
#59bae8
#59bae8
rgb(89,186,232)
-
#6ac2eb
#6ac2eb
rgb(106,194,235)
-
#7bc9ed
#7bc9ed
rgb(123,201,237)
-
#8dd0ef
#8dd0ef
rgb(141,208,239)
-
#9ed7f2
#9ed7f2
rgb(158,215,242)
-
#afdef4
#afdef4
rgb(175,222,244)
-
#c0e5f6
#c0e5f6
rgb(192,229,246)
-
#d1ecf9
#d1ecf9
rgb(209,236,249)
-
#e3f3fb
#e3f3fb
rgb(227,243,251)
-
#f4fafd
#f4fafd
rgb(244,250,253)
Tones of #afdef4
A tone is produced by adding gray to any pure hue. In this case, #cfd3d5 is the less saturated color, while #a5e2ff is the most saturated one.
-
#cfd3d5
#cfd3d5
rgb(207,211,213)
-
#cbd4d8
#cbd4d8
rgb(203,212,216)
-
#c8d5dc
#c8d5dc
rgb(200,213,220)
-
#c4d6df
#c4d6df
rgb(196,214,223)
-
#c1d8e3
#c1d8e3
rgb(193,216,227)
-
#bdd9e6
#bdd9e6
rgb(189,217,230)
-
#badaea
#badaea
rgb(186,218,234)
-
#b6dbed
#b6dbed
rgb(182,219,237)
-
#b3ddf1
#b3ddf1
rgb(179,221,241)
-
#afdef4
#afdef4
rgb(175,222,244)
-
#acdff8
#acdff8
rgb(172,223,248)
-
#a8e1fb
#a8e1fb
rgb(168,225,251)
-
#a5e2ff
#a5e2ff
rgb(165,226,255)
Color Blindness Simulator
Below, you can see how #afdef4 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.