#afbacc Color Information
In a RGB color space, hex #afbacc is composed of 68.6% red, 72.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 14.2% cyan, 8.8% magenta, 0% yellow and 20% black. It has a hue angle of 217.2 degrees, a saturation of 22.1% and a lightness of 74.3%. #afbacc color hex could be obtained by blending #ffffff with #5f7599. Closest websafe color is: #99cccc.
-
- R 69
- G 73
- B 80
-
- C 14
- M 9
- Y 0
- K 20
● #afbacc color description : Grayish blue.
#afbacc Color Conversion
The hexadecimal color #afbacc has RGB values of R:175, G:186, B:204 and CMYK values of C:0.14, M:0.09, Y:0, K:0.2. Its decimal value is 11516620.
Hex triplet | afbacc | #afbacc |
---|---|---|
RGB Decimal | 175, 186, 204 | rgb(175,186,204) |
RGB Percent | 68.6, 72.9, 80 | rgb(68.6%,72.9%,80%) |
CMYK | 14, 9, 0, 20 | |
HSL | 217.2°, 22.1, 74.3 | hsl(217.2,22.1%,74.3%) |
HSV (or HSB) | 217.2°, 14.2, 80 | |
Web Safe | 99cccc | #99cccc |
CIE-LAB | 75.196, -0.14, -10.362 |
---|---|
XYZ | 46.135, 48.591, 64.072 |
xyY | 0.291, 0.306, 48.591 |
CIE-LCH | 75.196, 10.363, 269.229 |
CIE-LUV | 75.196, -6.886, -15.831 |
Hunter-Lab | 69.707, -3.849, -5.702 |
Binary | 10101111, 10111010, 11001100 |
Color Schemes with #afbacc
Alternatives to #afbacc
Below, you can see some colors close to #afbacc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#afbacc Preview
This text has a font color of #afbacc.
<span style="color:#afbacc;">Text here</span>
This paragraph has a background color of #afbacc.
<p style="background-color:#afbacc;">Content here</p>
This element has a border color of #afbacc.
<div style="border:1px solid #afbacc;">Content here</div>
.text {color:#afbacc;}
.background {background-color:#afbacc;}
.border {border:1px solid #afbacc;}
Shades and Tints of #afbacc
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 #f7f8fa is the lightest one.
-
#020304
#020304
rgb(2,3,4)
-
#0a0c10
#0a0c10
rgb(10,12,16)
-
#12161c
#12161c
rgb(18,22,28)
-
#191f28
#191f28
rgb(25,31,40)
-
#212834
#212834
rgb(33,40,52)
-
#293140
#293140
rgb(41,49,64)
-
#303b4c
#303b4c
rgb(48,59,76)
-
#384458
#384458
rgb(56,68,88)
-
#404d64
#404d64
rgb(64,77,100)
-
#475770
#475770
rgb(71,87,112)
-
#4f607c
#4f607c
rgb(79,96,124)
-
#566988
#566988
rgb(86,105,136)
-
#5e7294
#5e7294
rgb(94,114,148)
-
#677c9e
#677c9e
rgb(103,124,158)
-
#7386a6
#7386a6
rgb(115,134,166)
-
#7f91ad
#7f91ad
rgb(127,145,173)
-
#8b9bb5
#8b9bb5
rgb(139,155,181)
-
#97a5bd
#97a5bd
rgb(151,165,189)
-
#a3b0c4
#a3b0c4
rgb(163,176,196)
-
#afbacc
#afbacc
rgb(175,186,204)
-
#bbc4d4
#bbc4d4
rgb(187,196,212)
-
#c7cfdb
#c7cfdb
rgb(199,207,219)
-
#d3d9e3
#d3d9e3
rgb(211,217,227)
-
#dfe3eb
#dfe3eb
rgb(223,227,235)
-
#ebeef2
#ebeef2
rgb(235,238,242)
-
#f7f8fa
#f7f8fa
rgb(247,248,250)
Tones of #afbacc
A tone is produced by adding gray to any pure hue. In this case, #b9bcc2 is the less saturated color, while #7daefe is the most saturated one.
-
#b9bcc2
#b9bcc2
rgb(185,188,194)
-
#b4bbc7
#b4bbc7
rgb(180,187,199)
-
#afbacc
#afbacc
rgb(175,186,204)
-
#aab9d1
#aab9d1
rgb(170,185,209)
-
#a5b8d6
#a5b8d6
rgb(165,184,214)
-
#a0b6db
#a0b6db
rgb(160,182,219)
-
#9bb5e0
#9bb5e0
rgb(155,181,224)
-
#96b4e5
#96b4e5
rgb(150,180,229)
-
#91b3ea
#91b3ea
rgb(145,179,234)
-
#8cb1ef
#8cb1ef
rgb(140,177,239)
-
#87b0f4
#87b0f4
rgb(135,176,244)
-
#82aff9
#82aff9
rgb(130,175,249)
-
#7daefe
#7daefe
rgb(125,174,254)
Color Blindness Simulator
Below, you can see how #afbacc 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.