#bacccc Color Information
In a RGB color space, hex #bacccc is composed of 72.9% red, 80% green and 80% blue. Whereas in a CMYK color space, it is composed of 8.8% cyan, 0% magenta, 0% yellow and 20% black. It has a hue angle of 180 degrees, a saturation of 15% and a lightness of 76.5%. #bacccc color hex could be obtained by blending #ffffff with #759999. Closest websafe color is: #cccccc.
-
- R 73
- G 80
- B 80
-
- C 9
- M 0
- Y 0
- K 20
● #bacccc color description : Grayish cyan.
#bacccc Color Conversion
The hexadecimal color #bacccc has RGB values of R:186, G:204, B:204 and CMYK values of C:0.09, M:0, Y:0, K:0.2. Its decimal value is 12242124.
Hex triplet | bacccc | #bacccc |
---|---|---|
RGB Decimal | 186, 204, 204 | rgb(186,204,204) |
RGB Percent | 72.9, 80, 80 | rgb(72.9%,80%,80%) |
CMYK | 9, 0, 0, 20 | |
HSL | 180°, 15, 76.5 | hsl(180,15%,76.5%) |
HSV (or HSB) | 180°, 8.8, 80 | |
Web Safe | cccccc | #cccccc |
CIE-LAB | 80.73, -6.071, -2.089 |
---|---|
XYZ | 52.739, 57.984, 65.537 |
xyY | 0.299, 0.329, 57.984 |
CIE-LCH | 80.73, 6.42, 198.989 |
CIE-LUV | 80.73, -9.797, -2.123 |
Hunter-Lab | 76.147, -9.629, 2.274 |
Binary | 10111010, 11001100, 11001100 |
Color Schemes with #bacccc
Alternatives to #bacccc
Below, you can see some colors close to #bacccc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bacccc Preview
This text has a font color of #bacccc.
<span style="color:#bacccc;">Text here</span>
This paragraph has a background color of #bacccc.
<p style="background-color:#bacccc;">Content here</p>
This element has a border color of #bacccc.
<div style="border:1px solid #bacccc;">Content here</div>
.text {color:#bacccc;}
.background {background-color:#bacccc;}
.border {border:1px solid #bacccc;}
Shades and Tints of #bacccc
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, #070a0a is the darkest color, while #fefefe is the lightest one.
-
#070a0a
#070a0a
rgb(7,10,10)
-
#101515
#101515
rgb(16,21,21)
-
#182121
#182121
rgb(24,33,33)
-
#202c2c
#202c2c
rgb(32,44,44)
-
#293737
#293737
rgb(41,55,55)
-
#314242
#314242
rgb(49,66,66)
-
#394e4e
#394e4e
rgb(57,78,78)
-
#425959
#425959
rgb(66,89,89)
-
#4a6464
#4a6464
rgb(74,100,100)
-
#526f6f
#526f6f
rgb(82,111,111)
-
#5b7b7b
#5b7b7b
rgb(91,123,123)
-
#638686
#638686
rgb(99,134,134)
-
#6b9191
#6b9191
rgb(107,145,145)
-
#769a9a
#769a9a
rgb(118,154,154)
-
#82a2a2
#82a2a2
rgb(130,162,162)
-
#8dabab
#8dabab
rgb(141,171,171)
-
#98b3b3
#98b3b3
rgb(152,179,179)
-
#a3bbbb
#a3bbbb
rgb(163,187,187)
-
#afc4c4
#afc4c4
rgb(175,196,196)
-
#bacccc
#bacccc
rgb(186,204,204)
-
#c5d4d4
#c5d4d4
rgb(197,212,212)
-
#d1dddd
#d1dddd
rgb(209,221,221)
-
#dce5e5
#dce5e5
rgb(220,229,229)
-
#e7eded
#e7eded
rgb(231,237,237)
-
#f2f6f6
#f2f6f6
rgb(242,246,246)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #bacccc
A tone is produced by adding gray to any pure hue. In this case, #bfc7c7 is the less saturated color, while #87ffff is the most saturated one.
-
#bfc7c7
#bfc7c7
rgb(191,199,199)
-
#bacccc
#bacccc
rgb(186,204,204)
-
#b5d1d1
#b5d1d1
rgb(181,209,209)
-
#b1d5d5
#b1d5d5
rgb(177,213,213)
-
#acdada
#acdada
rgb(172,218,218)
-
#a8dede
#a8dede
rgb(168,222,222)
-
#a3e3e3
#a3e3e3
rgb(163,227,227)
-
#9ee8e8
#9ee8e8
rgb(158,232,232)
-
#9aecec
#9aecec
rgb(154,236,236)
-
#95f1f1
#95f1f1
rgb(149,241,241)
-
#90f6f6
#90f6f6
rgb(144,246,246)
-
#8cfafa
#8cfafa
rgb(140,250,250)
-
#87ffff
#87ffff
rgb(135,255,255)
Color Blindness Simulator
Below, you can see how #bacccc 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.