#afb3cc Color Information
In a RGB color space, hex #afb3cc is composed of 68.6% red, 70.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 14.2% cyan, 12.3% magenta, 0% yellow and 20% black. It has a hue angle of 231.7 degrees, a saturation of 22.1% and a lightness of 74.3%. #afb3cc color hex could be obtained by blending #ffffff with #5f6799. Closest websafe color is: #99cccc.
-
- R 69
- G 70
- B 80
-
- C 14
- M 12
- Y 0
- K 20
● #afb3cc color description : Grayish blue.
#afb3cc Color Conversion
The hexadecimal color #afb3cc has RGB values of R:175, G:179, B:204 and CMYK values of C:0.14, M:0.12, Y:0, K:0.2. Its decimal value is 11514828.
Hex triplet | afb3cc | #afb3cc |
---|---|---|
RGB Decimal | 175, 179, 204 | rgb(175,179,204) |
RGB Percent | 68.6, 70.2, 80 | rgb(68.6%,70.2%,80%) |
CMYK | 14, 12, 0, 20 | |
HSL | 231.7°, 22.1, 74.3 | hsl(231.7,22.1%,74.3%) |
HSV (or HSB) | 231.7°, 14.2, 80 | |
Web Safe | 99cccc | #99cccc |
CIE-LAB | 73.359, 3.65, -13.11 |
---|---|
XYZ | 44.696, 45.713, 63.592 |
xyY | 0.29, 0.297, 45.713 |
CIE-LCH | 73.359, 13.609, 285.559 |
CIE-LUV | 73.359, -3.582, -20.704 |
Hunter-Lab | 67.612, -0.319, -8.437 |
Binary | 10101111, 10110011, 11001100 |
Color Schemes with #afb3cc
Alternatives to #afb3cc
Below, you can see some colors close to #afb3cc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#afb3cc Preview
This text has a font color of #afb3cc.
<span style="color:#afb3cc;">Text here</span>
This paragraph has a background color of #afb3cc.
<p style="background-color:#afb3cc;">Content here</p>
This element has a border color of #afb3cc.
<div style="border:1px solid #afb3cc;">Content here</div>
.text {color:#afb3cc;}
.background {background-color:#afb3cc;}
.border {border:1px solid #afb3cc;}
Shades and Tints of #afb3cc
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, #020304 is the darkest color, while #f7f7fa is the lightest one.
-
#020304
#020304
rgb(2,3,4)
-
#0a0b10
#0a0b10
rgb(10,11,16)
-
#12131c
#12131c
rgb(18,19,28)
-
#191b28
#191b28
rgb(25,27,40)
-
#212434
#212434
rgb(33,36,52)
-
#292c40
#292c40
rgb(41,44,64)
-
#30344c
#30344c
rgb(48,52,76)
-
#383c58
#383c58
rgb(56,60,88)
-
#404564
#404564
rgb(64,69,100)
-
#474d70
#474d70
rgb(71,77,112)
-
#4f557c
#4f557c
rgb(79,85,124)
-
#565d88
#565d88
rgb(86,93,136)
-
#5e6594
#5e6594
rgb(94,101,148)
-
#676f9e
#676f9e
rgb(103,111,158)
-
#737aa6
#737aa6
rgb(115,122,166)
-
#7f85ad
#7f85ad
rgb(127,133,173)
-
#8b91b5
#8b91b5
rgb(139,145,181)
-
#979cbd
#979cbd
rgb(151,156,189)
-
#a3a8c4
#a3a8c4
rgb(163,168,196)
-
#afb3cc
#afb3cc
rgb(175,179,204)
-
#bbbed4
#bbbed4
rgb(187,190,212)
-
#c7cadb
#c7cadb
rgb(199,202,219)
-
#d3d5e3
#d3d5e3
rgb(211,213,227)
-
#dfe1eb
#dfe1eb
rgb(223,225,235)
-
#ebecf2
#ebecf2
rgb(235,236,242)
-
#f7f7fa
#f7f7fa
rgb(247,247,250)
Tones of #afb3cc
A tone is produced by adding gray to any pure hue. In this case, #b9bac2 is the less saturated color, while #7d8ffe is the most saturated one.
-
#b9bac2
#b9bac2
rgb(185,186,194)
-
#b4b7c7
#b4b7c7
rgb(180,183,199)
-
#afb3cc
#afb3cc
rgb(175,179,204)
-
#aaafd1
#aaafd1
rgb(170,175,209)
-
#a5acd6
#a5acd6
rgb(165,172,214)
-
#a0a8db
#a0a8db
rgb(160,168,219)
-
#9ba4e0
#9ba4e0
rgb(155,164,224)
-
#96a1e5
#96a1e5
rgb(150,161,229)
-
#919dea
#919dea
rgb(145,157,234)
-
#8c99ef
#8c99ef
rgb(140,153,239)
-
#8796f4
#8796f4
rgb(135,150,244)
-
#8292f9
#8292f9
rgb(130,146,249)
-
#7d8ffe
#7d8ffe
rgb(125,143,254)
Color Blindness Simulator
Below, you can see how #afb3cc 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.