#afd7f9 Color Information
In a RGB color space, hex #afd7f9 is composed of 68.6% red, 84.3% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 29.7% cyan, 13.7% magenta, 0% yellow and 2.4% black. It has a hue angle of 207.6 degrees, a saturation of 86% and a lightness of 83.1%. #afd7f9 color hex could be obtained by blending #ffffff with #5faff3. Closest websafe color is: #99ccff.
-
- R 69
- G 84
- B 98
-
- C 30
- M 14
- Y 0
- K 2
● #afd7f9 color description : Very soft blue.
#afd7f9 Color Conversion
The hexadecimal color #afd7f9 has RGB values of R:175, G:215, B:249 and CMYK values of C:0.3, M:0.14, Y:0, K:0.02. Its decimal value is 11524089.
Hex triplet | afd7f9 | #afd7f9 |
---|---|---|
RGB Decimal | 175, 215, 249 | rgb(175,215,249) |
RGB Percent | 68.6, 84.3, 97.6 | rgb(68.6%,84.3%,97.6%) |
CMYK | 30, 14, 0, 2 | |
HSL | 207.6°, 86, 83.1 | hsl(207.6,86%,83.1%) |
HSV (or HSB) | 207.6°, 29.7, 97.6 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 84.253, -5.422, -20.883 |
---|---|
XYZ | 59.075, 64.553, 98.965 |
xyY | 0.265, 0.29, 64.553 |
CIE-LCH | 84.253, 21.576, 255.446 |
CIE-LUV | 84.253, -21.25, -32.442 |
Hunter-Lab | 80.345, -9.358, -16.789 |
Binary | 10101111, 11010111, 11111001 |
Color Schemes with #afd7f9
Alternatives to #afd7f9
Below, you can see some colors close to #afd7f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#afd7f9 Preview
This text has a font color of #afd7f9.
<span style="color:#afd7f9;">Text here</span>
This paragraph has a background color of #afd7f9.
<p style="background-color:#afd7f9;">Content here</p>
This element has a border color of #afd7f9.
<div style="border:1px solid #afd7f9;">Content here</div>
.text {color:#afd7f9;}
.background {background-color:#afd7f9;}
.border {border:1px solid #afd7f9;}
Shades and Tints of #afd7f9
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, #01060b is the darkest color, while #f8fbfe is the lightest one.
-
#01060b
#01060b
rgb(1,6,11)
-
#02111d
#02111d
rgb(2,17,29)
-
#041b30
#041b30
rgb(4,27,48)
-
#052642
#052642
rgb(5,38,66)
-
#063054
#063054
rgb(6,48,84)
-
#083b66
#083b66
rgb(8,59,102)
-
#094579
#094579
rgb(9,69,121)
-
#0a508b
#0a508b
rgb(10,80,139)
-
#0c5a9d
#0c5a9d
rgb(12,90,157)
-
#0d65af
#0d65af
rgb(13,101,175)
-
#0f6fc2
#0f6fc2
rgb(15,111,194)
-
#107ad4
#107ad4
rgb(16,122,212)
-
#1184e6
#1184e6
rgb(17,132,230)
-
#1d8eee
#1d8eee
rgb(29,142,238)
-
#2f97ef
#2f97ef
rgb(47,151,239)
-
#42a0f1
#42a0f1
rgb(66,160,241)
-
#54a9f2
#54a9f2
rgb(84,169,242)
-
#66b3f4
#66b3f4
rgb(102,179,244)
-
#78bcf5
#78bcf5
rgb(120,188,245)
-
#8bc5f6
#8bc5f6
rgb(139,197,246)
-
#9dcef8
#9dcef8
rgb(157,206,248)
-
#afd7f9
#afd7f9
rgb(175,215,249)
-
#c1e0fa
#c1e0fa
rgb(193,224,250)
-
#d3e9fc
#d3e9fc
rgb(211,233,252)
-
#e6f2fd
#e6f2fd
rgb(230,242,253)
-
#f8fbfe
#f8fbfe
rgb(248,251,254)
Tones of #afd7f9
A tone is produced by adding gray to any pure hue. In this case, #d3d4d5 is the less saturated color, while #acd7fc is the most saturated one.
-
#d3d4d5
#d3d4d5
rgb(211,212,213)
-
#d0d4d8
#d0d4d8
rgb(208,212,216)
-
#cdd5db
#cdd5db
rgb(205,213,219)
-
#c9d5df
#c9d5df
rgb(201,213,223)
-
#c6d5e2
#c6d5e2
rgb(198,213,226)
-
#c3d5e5
#c3d5e5
rgb(195,213,229)
-
#c0d6e8
#c0d6e8
rgb(192,214,232)
-
#bcd6ec
#bcd6ec
rgb(188,214,236)
-
#b9d6ef
#b9d6ef
rgb(185,214,239)
-
#b6d6f2
#b6d6f2
rgb(182,214,242)
-
#b2d7f6
#b2d7f6
rgb(178,215,246)
-
#afd7f9
#afd7f9
rgb(175,215,249)
-
#acd7fc
#acd7fc
rgb(172,215,252)
Color Blindness Simulator
Below, you can see how #afd7f9 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.