#afbbcc Color Information
In a RGB color space, hex #afbbcc is composed of 68.6% red, 73.3% green and 80% blue. Whereas in a CMYK color space, it is composed of 14.2% cyan, 8.3% magenta, 0% yellow and 20% black. It has a hue angle of 215.2 degrees, a saturation of 22.1% and a lightness of 74.3%. #afbbcc color hex could be obtained by blending #ffffff with #5f7799. Closest websafe color is: #99cccc.
-
- R 69
- G 73
- B 80
-
- C 14
- M 8
- Y 0
- K 20
● #afbbcc color description : Grayish blue.
#afbbcc Color Conversion
The hexadecimal color #afbbcc has RGB values of R:175, G:187, B:204 and CMYK values of C:0.14, M:0.08, Y:0, K:0.2. Its decimal value is 11516876.
Hex triplet | afbbcc | #afbbcc |
---|---|---|
RGB Decimal | 175, 187, 204 | rgb(175,187,204) |
RGB Percent | 68.6, 73.3, 80 | rgb(68.6%,73.3%,80%) |
CMYK | 14, 8, 0, 20 | |
HSL | 215.2°, 22.1, 74.3 | hsl(215.2,22.1%,74.3%) |
HSV (or HSB) | 215.2°, 14.2, 80 | |
Web Safe | 99cccc | #99cccc |
CIE-LAB | 75.46, -0.677, -9.969 |
---|---|
XYZ | 46.346, 49.014, 64.142 |
xyY | 0.291, 0.307, 49.014 |
CIE-LCH | 75.46, 9.992, 266.114 |
CIE-LUV | 75.46, -7.359, -15.134 |
Hunter-Lab | 70.01, -4.35, -5.314 |
Binary | 10101111, 10111011, 11001100 |
Color Schemes with #afbbcc
Alternatives to #afbbcc
Below, you can see some colors close to #afbbcc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#afbbcc Preview
This text has a font color of #afbbcc.
<span style="color:#afbbcc;">Text here</span>
This paragraph has a background color of #afbbcc.
<p style="background-color:#afbbcc;">Content here</p>
This element has a border color of #afbbcc.
<div style="border:1px solid #afbbcc;">Content here</div>
.text {color:#afbbcc;}
.background {background-color:#afbbcc;}
.border {border:1px solid #afbbcc;}
Shades and Tints of #afbbcc
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)
-
#212934
#212934
rgb(33,41,52)
-
#293240
#293240
rgb(41,50,64)
-
#303c4c
#303c4c
rgb(48,60,76)
-
#384558
#384558
rgb(56,69,88)
-
#404f64
#404f64
rgb(64,79,100)
-
#475870
#475870
rgb(71,88,112)
-
#4f617c
#4f617c
rgb(79,97,124)
-
#566b88
#566b88
rgb(86,107,136)
-
#5e7494
#5e7494
rgb(94,116,148)
-
#677e9e
#677e9e
rgb(103,126,158)
-
#7388a6
#7388a6
rgb(115,136,166)
-
#7f92ad
#7f92ad
rgb(127,146,173)
-
#8b9cb5
#8b9cb5
rgb(139,156,181)
-
#97a7bd
#97a7bd
rgb(151,167,189)
-
#a3b1c4
#a3b1c4
rgb(163,177,196)
-
#afbbcc
#afbbcc
rgb(175,187,204)
-
#bbc5d4
#bbc5d4
rgb(187,197,212)
-
#c7cfdb
#c7cfdb
rgb(199,207,219)
-
#d3dae3
#d3dae3
rgb(211,218,227)
-
#dfe4eb
#dfe4eb
rgb(223,228,235)
-
#ebeef2
#ebeef2
rgb(235,238,242)
-
#f7f8fa
#f7f8fa
rgb(247,248,250)
Tones of #afbbcc
A tone is produced by adding gray to any pure hue. In this case, #b9bdc2 is the less saturated color, while #7db2fe is the most saturated one.
-
#b9bdc2
#b9bdc2
rgb(185,189,194)
-
#b4bcc7
#b4bcc7
rgb(180,188,199)
-
#afbbcc
#afbbcc
rgb(175,187,204)
-
#aabad1
#aabad1
rgb(170,186,209)
-
#a5b9d6
#a5b9d6
rgb(165,185,214)
-
#a0b8db
#a0b8db
rgb(160,184,219)
-
#9bb8e0
#9bb8e0
rgb(155,184,224)
-
#96b7e5
#96b7e5
rgb(150,183,229)
-
#91b6ea
#91b6ea
rgb(145,182,234)
-
#8cb5ef
#8cb5ef
rgb(140,181,239)
-
#87b4f4
#87b4f4
rgb(135,180,244)
-
#82b3f9
#82b3f9
rgb(130,179,249)
-
#7db2fe
#7db2fe
rgb(125,178,254)
Color Blindness Simulator
Below, you can see how #afbbcc 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.