#afe3f8 Color Information
In a RGB color space, hex #afe3f8 is composed of 68.6% red, 89% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 29.4% cyan, 8.5% magenta, 0% yellow and 2.7% black. It has a hue angle of 197.3 degrees, a saturation of 83.9% and a lightness of 82.9%. #afe3f8 color hex could be obtained by blending #ffffff with #5fc7f1. Closest websafe color is: #99ccff.
-
- R 69
- G 89
- B 97
-
- C 29
- M 8
- Y 0
- K 3
● #afe3f8 color description : Very soft blue.
#afe3f8 Color Conversion
The hexadecimal color #afe3f8 has RGB values of R:175, G:227, B:248 and CMYK values of C:0.29, M:0.08, Y:0, K:0.03. Its decimal value is 11527160.
Hex triplet | afe3f8 | #afe3f8 |
---|---|---|
RGB Decimal | 175, 227, 248 | rgb(175,227,248) |
RGB Percent | 68.6, 89, 97.3 | rgb(68.6%,89%,97.3%) |
CMYK | 29, 8, 0, 3 | |
HSL | 197.3°, 83.9, 82.9 | hsl(197.3,83.9%,82.9%) |
HSV (or HSB) | 197.3°, 29.4, 97.3 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 87.401, -11.858, -15.61 |
---|---|
XYZ | 62.088, 70.827, 99.201 |
xyY | 0.267, 0.305, 70.827 |
CIE-LCH | 87.401, 19.603, 232.777 |
CIE-LUV | 87.401, -26.364, -22.831 |
Hunter-Lab | 84.159, -15.591, -10.976 |
Binary | 10101111, 11100011, 11111000 |
Color Schemes with #afe3f8
Alternatives to #afe3f8
Below, you can see some colors close to #afe3f8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#afe3f8 Preview
This text has a font color of #afe3f8.
<span style="color:#afe3f8;">Text here</span>
This paragraph has a background color of #afe3f8.
<p style="background-color:#afe3f8;">Content here</p>
This element has a border color of #afe3f8.
<div style="border:1px solid #afe3f8;">Content here</div>
.text {color:#afe3f8;}
.background {background-color:#afe3f8;}
.border {border:1px solid #afe3f8;}
Shades and Tints of #afe3f8
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, #01080a is the darkest color, while #f7fcfe is the lightest one.
-
#01080a
#01080a
rgb(1,8,10)
-
#02151c
#02151c
rgb(2,21,28)
-
#04222e
#04222e
rgb(4,34,46)
-
#062f40
#062f40
rgb(6,47,64)
-
#073d52
#073d52
rgb(7,61,82)
-
#094a64
#094a64
rgb(9,74,100)
-
#0a5776
#0a5776
rgb(10,87,118)
-
#0c6588
#0c6588
rgb(12,101,136)
-
#0e729a
#0e729a
rgb(14,114,154)
-
#0f7fad
#0f7fad
rgb(15,127,173)
-
#118dbf
#118dbf
rgb(17,141,191)
-
#129ad1
#129ad1
rgb(18,154,209)
-
#14a7e3
#14a7e3
rgb(20,167,227)
-
#1fb0eb
#1fb0eb
rgb(31,176,235)
-
#31b7ed
#31b7ed
rgb(49,183,237)
-
#43bdef
#43bdef
rgb(67,189,239)
-
#55c3f0
#55c3f0
rgb(85,195,240)
-
#67caf2
#67caf2
rgb(103,202,242)
-
#79d0f3
#79d0f3
rgb(121,208,243)
-
#8bd6f5
#8bd6f5
rgb(139,214,245)
-
#9dddf6
#9dddf6
rgb(157,221,246)
-
#afe3f8
#afe3f8
rgb(175,227,248)
-
#c1e9fa
#c1e9fa
rgb(193,233,250)
-
#d3f0fb
#d3f0fb
rgb(211,240,251)
-
#e5f6fd
#e5f6fd
rgb(229,246,253)
-
#f7fcfe
#f7fcfe
rgb(247,252,254)
Tones of #afe3f8
A tone is produced by adding gray to any pure hue. In this case, #d0d5d7 is the less saturated color, while #a8e6ff is the most saturated one.
-
#d0d5d7
#d0d5d7
rgb(208,213,215)
-
#cdd6da
#cdd6da
rgb(205,214,218)
-
#cad8dd
#cad8dd
rgb(202,216,221)
-
#c6d9e1
#c6d9e1
rgb(198,217,225)
-
#c3dae4
#c3dae4
rgb(195,218,228)
-
#c0dce7
#c0dce7
rgb(192,220,231)
-
#bcddeb
#bcddeb
rgb(188,221,235)
-
#b9dfee
#b9dfee
rgb(185,223,238)
-
#b6e0f1
#b6e0f1
rgb(182,224,241)
-
#b2e2f5
#b2e2f5
rgb(178,226,245)
-
#afe3f8
#afe3f8
rgb(175,227,248)
-
#ace4fb
#ace4fb
rgb(172,228,251)
-
#a8e6ff
#a8e6ff
rgb(168,230,255)
Color Blindness Simulator
Below, you can see how #afe3f8 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.