#ccc4bc Color Information
In a RGB color space, hex #ccc4bc is composed of 80% red, 76.9% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.9% magenta, 7.8% yellow and 20% black. It has a hue angle of 30 degrees, a saturation of 13.6% and a lightness of 76.9%. #ccc4bc color hex could be obtained by blending #ffffff with #998979. Closest websafe color is: #cccccc.
-
- R 80
- G 77
- B 74
-
- C 0
- M 4
- Y 8
- K 20
● #ccc4bc color description : Grayish orange.
#ccc4bc Color Conversion
The hexadecimal color #ccc4bc has RGB values of R:204, G:196, B:188 and CMYK values of C:0, M:0.04, Y:0.08, K:0.2. Its decimal value is 13419708.
Hex triplet | ccc4bc | #ccc4bc |
---|---|---|
RGB Decimal | 204, 196, 188 | rgb(204,196,188) |
RGB Percent | 80, 76.9, 73.7 | rgb(80%,76.9%,73.7%) |
CMYK | 0, 4, 8, 20 | |
HSL | 30°, 13.6, 76.9 | hsl(30,13.6%,76.9%) |
HSV (or HSB) | 30°, 7.8, 80 | |
Web Safe | cccccc | #cccccc |
CIE-LAB | 79.584, 1.39, 4.997 |
---|---|
XYZ | 53.717, 55.948, 55.543 |
xyY | 0.325, 0.339, 55.948 |
CIE-LCH | 79.584, 5.187, 74.454 |
CIE-LUV | 79.584, 5.12, 7.127 |
Hunter-Lab | 74.799, -2.706, 8.332 |
Binary | 11001100, 11000100, 10111100 |
Color Schemes with #ccc4bc
Alternatives to #ccc4bc
Below, you can see some colors close to #ccc4bc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccc4bc Preview
This text has a font color of #ccc4bc.
<span style="color:#ccc4bc;">Text here</span>
This paragraph has a background color of #ccc4bc.
<p style="background-color:#ccc4bc;">Content here</p>
This element has a border color of #ccc4bc.
<div style="border:1px solid #ccc4bc;">Content here</div>
.text {color:#ccc4bc;}
.background {background-color:#ccc4bc;}
.border {border:1px solid #ccc4bc;}
Shades and Tints of #ccc4bc
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, #0b0a08 is the darkest color, while #ffffff is the lightest one.
-
#0b0a08
#0b0a08
rgb(11,10,8)
-
#161311
#161311
rgb(22,19,17)
-
#211d19
#211d19
rgb(33,29,25)
-
#2c2722
#2c2722
rgb(44,39,34)
-
#38312a
#38312a
rgb(56,49,42)
-
#433b33
#433b33
rgb(67,59,51)
-
#4e453b
#4e453b
rgb(78,69,59)
-
#594e44
#594e44
rgb(89,78,68)
-
#64584c
#64584c
rgb(100,88,76)
-
#6f6255
#6f6255
rgb(111,98,85)
-
#7a6c5d
#7a6c5d
rgb(122,108,93)
-
#857666
#857666
rgb(133,118,102)
-
#917f6e
#917f6e
rgb(145,127,110)
-
#998979
#998979
rgb(153,137,121)
-
#a29384
#a29384
rgb(162,147,132)
-
#aa9d8f
#aa9d8f
rgb(170,157,143)
-
#b3a79b
#b3a79b
rgb(179,167,155)
-
#bbb0a6
#bbb0a6
rgb(187,176,166)
-
#c4bab1
#c4bab1
rgb(196,186,177)
-
#ccc4bc
#ccc4bc
rgb(204,196,188)
-
#d4cec7
#d4cec7
rgb(212,206,199)
-
#ddd8d2
#ddd8d2
rgb(221,216,210)
-
#e5e1dd
#e5e1dd
rgb(229,225,221)
-
#eeebe9
#eeebe9
rgb(238,235,233)
-
#f6f5f4
#f6f5f4
rgb(246,245,244)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #ccc4bc
A tone is produced by adding gray to any pure hue. In this case, #c7c4c1 is the less saturated color, while #fec48a is the most saturated one.
-
#c7c4c1
#c7c4c1
rgb(199,196,193)
-
#ccc4bc
#ccc4bc
rgb(204,196,188)
-
#d1c4b7
#d1c4b7
rgb(209,196,183)
-
#d5c4b3
#d5c4b3
rgb(213,196,179)
-
#dac4ae
#dac4ae
rgb(218,196,174)
-
#dec4aa
#dec4aa
rgb(222,196,170)
-
#e3c4a5
#e3c4a5
rgb(227,196,165)
-
#e7c4a1
#e7c4a1
rgb(231,196,161)
-
#ecc49c
#ecc49c
rgb(236,196,156)
-
#f0c498
#f0c498
rgb(240,196,152)
-
#f5c493
#f5c493
rgb(245,196,147)
-
#f9c48f
#f9c48f
rgb(249,196,143)
-
#fec48a
#fec48a
rgb(254,196,138)
Color Blindness Simulator
Below, you can see how #ccc4bc 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.