#ccc2bc Color Information
In a RGB color space, hex #ccc2bc is composed of 80% red, 76.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.9% magenta, 7.8% yellow and 20% black. It has a hue angle of 22.5 degrees, a saturation of 13.6% and a lightness of 76.9%. #ccc2bc color hex could be obtained by blending #ffffff with #998579. Closest websafe color is: #cccccc.
-
- R 80
- G 76
- B 74
-
- C 0
- M 5
- Y 8
- K 20
● #ccc2bc color description : Grayish orange.
#ccc2bc Color Conversion
The hexadecimal color #ccc2bc has RGB values of R:204, G:194, B:188 and CMYK values of C:0, M:0.05, Y:0.08, K:0.2. Its decimal value is 13419196.
Hex triplet | ccc2bc | #ccc2bc |
---|---|---|
RGB Decimal | 204, 194, 188 | rgb(204,194,188) |
RGB Percent | 80, 76.1, 73.7 | rgb(80%,76.1%,73.7%) |
CMYK | 0, 5, 8, 20 | |
HSL | 22.5°, 13.6, 76.9 | hsl(22.5,13.6%,76.9%) |
HSV (or HSB) | 22.5°, 7.8, 80 | |
Web Safe | cccccc | #cccccc |
CIE-LAB | 79.071, 2.449, 4.255 |
---|---|
XYZ | 53.269, 55.052, 55.394 |
xyY | 0.325, 0.336, 55.052 |
CIE-LCH | 79.071, 4.91, 60.078 |
CIE-LUV | 79.071, 6.184, 5.85 |
Hunter-Lab | 74.197, -1.692, 7.673 |
Binary | 11001100, 11000010, 10111100 |
Color Schemes with #ccc2bc
Alternatives to #ccc2bc
Below, you can see some colors close to #ccc2bc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccc2bc Preview
This text has a font color of #ccc2bc.
<span style="color:#ccc2bc;">Text here</span>
This paragraph has a background color of #ccc2bc.
<p style="background-color:#ccc2bc;">Content here</p>
This element has a border color of #ccc2bc.
<div style="border:1px solid #ccc2bc;">Content here</div>
.text {color:#ccc2bc;}
.background {background-color:#ccc2bc;}
.border {border:1px solid #ccc2bc;}
Shades and Tints of #ccc2bc
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, #0b0908 is the darkest color, while #ffffff is the lightest one.
-
#0b0908
#0b0908
rgb(11,9,8)
-
#161311
#161311
rgb(22,19,17)
-
#211c19
#211c19
rgb(33,28,25)
-
#2c2622
#2c2622
rgb(44,38,34)
-
#382f2a
#382f2a
rgb(56,47,42)
-
#433933
#433933
rgb(67,57,51)
-
#4e423b
#4e423b
rgb(78,66,59)
-
#594c44
#594c44
rgb(89,76,68)
-
#64554c
#64554c
rgb(100,85,76)
-
#6f5f55
#6f5f55
rgb(111,95,85)
-
#7a685d
#7a685d
rgb(122,104,93)
-
#857266
#857266
rgb(133,114,102)
-
#917b6e
#917b6e
rgb(145,123,110)
-
#998579
#998579
rgb(153,133,121)
-
#a28f84
#a28f84
rgb(162,143,132)
-
#aa998f
#aa998f
rgb(170,153,143)
-
#b3a49b
#b3a49b
rgb(179,164,155)
-
#bbaea6
#bbaea6
rgb(187,174,166)
-
#c4b8b1
#c4b8b1
rgb(196,184,177)
-
#ccc2bc
#ccc2bc
rgb(204,194,188)
-
#d4ccc7
#d4ccc7
rgb(212,204,199)
-
#ddd6d2
#ddd6d2
rgb(221,214,210)
-
#e5e0dd
#e5e0dd
rgb(229,224,221)
-
#eeebe9
#eeebe9
rgb(238,235,233)
-
#f6f5f4
#f6f5f4
rgb(246,245,244)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #ccc2bc
A tone is produced by adding gray to any pure hue. In this case, #c7c3c1 is the less saturated color, while #feb68a is the most saturated one.
-
#c7c3c1
#c7c3c1
rgb(199,195,193)
-
#ccc2bc
#ccc2bc
rgb(204,194,188)
-
#d1c1b7
#d1c1b7
rgb(209,193,183)
-
#d5c0b3
#d5c0b3
rgb(213,192,179)
-
#dabfae
#dabfae
rgb(218,191,174)
-
#debdaa
#debdaa
rgb(222,189,170)
-
#e3bca5
#e3bca5
rgb(227,188,165)
-
#e7bba1
#e7bba1
rgb(231,187,161)
-
#ecba9c
#ecba9c
rgb(236,186,156)
-
#f0b998
#f0b998
rgb(240,185,152)
-
#f5b893
#f5b893
rgb(245,184,147)
-
#f9b78f
#f9b78f
rgb(249,183,143)
-
#feb68a
#feb68a
rgb(254,182,138)
Color Blindness Simulator
Below, you can see how #ccc2bc 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.