#ccbb99 Color Information
In a RGB color space, hex #ccbb99 is composed of 80% red, 73.3% green and 60% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.3% magenta, 25% yellow and 20% black. It has a hue angle of 40 degrees, a saturation of 33.3% and a lightness of 70%. #ccbb99 color hex could be obtained by blending #ffffff with #997733. Closest websafe color is: #cccc99.
-
- R 80
- G 73
- B 60
-
- C 0
- M 8
- Y 25
- K 20
● #ccbb99 color description : Slightly desaturated orange.
#ccbb99 Color Conversion
The hexadecimal color #ccbb99 has RGB values of R:204, G:187, B:153 and CMYK values of C:0, M:0.08, Y:0.25, K:0.2. Its decimal value is 13417369.
Hex triplet | ccbb99 | #ccbb99 |
---|---|---|
RGB Decimal | 204, 187, 153 | rgb(204,187,153) |
RGB Percent | 80, 73.3, 60 | rgb(80%,73.3%,60%) |
CMYK | 0, 8, 25, 20 | |
HSL | 40°, 33.3, 70 | hsl(40,33.3%,70%) |
HSV (or HSB) | 40°, 25, 80 | |
Web Safe | cccc99 | #cccc99 |
CIE-LAB | 76.484, 0.695, 19.431 |
---|---|
XYZ | 48.421, 50.679, 37.367 |
xyY | 0.355, 0.371, 50.679 |
CIE-LCH | 76.484, 19.443, 87.95 |
CIE-LUV | 76.484, 12.455, 26.902 |
Hunter-Lab | 71.189, -3.169, 18.711 |
Binary | 11001100, 10111011, 10011001 |
Color Schemes with #ccbb99
Alternatives to #ccbb99
Below, you can see some colors close to #ccbb99. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccbb99 Preview
This text has a font color of #ccbb99.
<span style="color:#ccbb99;">Text here</span>
This paragraph has a background color of #ccbb99.
<p style="background-color:#ccbb99;">Content here</p>
This element has a border color of #ccbb99.
<div style="border:1px solid #ccbb99;">Content here</div>
.text {color:#ccbb99;}
.background {background-color:#ccbb99;}
.border {border:1px solid #ccbb99;}
Shades and Tints of #ccbb99
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, #030201 is the darkest color, while #faf8f5 is the lightest one.
-
#030201
#030201
rgb(3,2,1)
-
#100d08
#100d08
rgb(16,13,8)
-
#1d180e
#1d180e
rgb(29,24,14)
-
#2a2315
#2a2315
rgb(42,35,21)
-
#372e1b
#372e1b
rgb(55,46,27)
-
#443922
#443922
rgb(68,57,34)
-
#514429
#514429
rgb(81,68,41)
-
#5e4e2f
#5e4e2f
rgb(94,78,47)
-
#6b5936
#6b5936
rgb(107,89,54)
-
#78643c
#78643c
rgb(120,100,60)
-
#856f43
#856f43
rgb(133,111,67)
-
#927a49
#927a49
rgb(146,122,73)
-
#a08550
#a08550
rgb(160,133,80)
-
#ab8f58
#ab8f58
rgb(171,143,88)
-
#b29865
#b29865
rgb(178,152,101)
-
#b8a172
#b8a172
rgb(184,161,114)
-
#bfaa7f
#bfaa7f
rgb(191,170,127)
-
#c5b28c
#c5b28c
rgb(197,178,140)
-
#ccbb99
#ccbb99
rgb(204,187,153)
-
#d3c4a6
#d3c4a6
rgb(211,196,166)
-
#d9ccb3
#d9ccb3
rgb(217,204,179)
-
#e0d5c0
#e0d5c0
rgb(224,213,192)
-
#e6decd
#e6decd
rgb(230,222,205)
-
#ede7da
#ede7da
rgb(237,231,218)
-
#f3efe7
#f3efe7
rgb(243,239,231)
-
#faf8f5
#faf8f5
rgb(250,248,245)
Tones of #ccbb99
A tone is produced by adding gray to any pure hue. In this case, #b4b3b1 is the less saturated color, while #fbcb6a is the most saturated one.
-
#b4b3b1
#b4b3b1
rgb(180,179,177)
-
#bab5ab
#bab5ab
rgb(186,181,171)
-
#c0b7a5
#c0b7a5
rgb(192,183,165)
-
#c6b99f
#c6b99f
rgb(198,185,159)
-
#ccbb99
#ccbb99
rgb(204,187,153)
-
#d2bd93
#d2bd93
rgb(210,189,147)
-
#d8bf8d
#d8bf8d
rgb(216,191,141)
-
#dec187
#dec187
rgb(222,193,135)
-
#e4c381
#e4c381
rgb(228,195,129)
-
#e9c57c
#e9c57c
rgb(233,197,124)
-
#efc776
#efc776
rgb(239,199,118)
-
#f5c970
#f5c970
rgb(245,201,112)
-
#fbcb6a
#fbcb6a
rgb(251,203,106)
Color Blindness Simulator
Below, you can see how #ccbb99 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.