#ccb299 Color Information
In a RGB color space, hex #ccb299 is composed of 80% red, 69.8% green and 60% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.7% magenta, 25% yellow and 20% black. It has a hue angle of 29.4 degrees, a saturation of 33.3% and a lightness of 70%. #ccb299 color hex could be obtained by blending #ffffff with #996533. Closest websafe color is: #cc9999.
-
- R 80
- G 70
- B 60
-
- C 0
- M 13
- Y 25
- K 20
● #ccb299 color description : Slightly desaturated orange.
#ccb299 Color Conversion
The hexadecimal color #ccb299 has RGB values of R:204, G:178, B:153 and CMYK values of C:0, M:0.13, Y:0.25, K:0.2. Its decimal value is 13415065.
Hex triplet | ccb299 | #ccb299 |
---|---|---|
RGB Decimal | 204, 178, 153 | rgb(204,178,153) |
RGB Percent | 80, 69.8, 60 | rgb(80%,69.8%,60%) |
CMYK | 0, 13, 25, 20 | |
HSL | 29.4°, 33.3, 70 | hsl(29.4,33.3%,70%) |
HSV (or HSB) | 29.4°, 25, 80 | |
Web Safe | cc9999 | #cc9999 |
CIE-LAB | 74.176, 5.491, 16.226 |
---|---|
XYZ | 46.571, 46.979, 36.75 |
xyY | 0.357, 0.361, 46.979 |
CIE-LCH | 74.176, 17.13, 71.305 |
CIE-LUV | 74.176, 17.735, 21.644 |
Hunter-Lab | 68.541, 1.337, 16.189 |
Binary | 11001100, 10110010, 10011001 |
Color Schemes with #ccb299
Alternatives to #ccb299
Below, you can see some colors close to #ccb299. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccb299 Preview
This text has a font color of #ccb299.
<span style="color:#ccb299;">Text here</span>
This paragraph has a background color of #ccb299.
<p style="background-color:#ccb299;">Content here</p>
This element has a border color of #ccb299.
<div style="border:1px solid #ccb299;">Content here</div>
.text {color:#ccb299;}
.background {background-color:#ccb299;}
.border {border:1px solid #ccb299;}
Shades and Tints of #ccb299
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 #faf7f5 is the lightest one.
-
#030201
#030201
rgb(3,2,1)
-
#100c08
#100c08
rgb(16,12,8)
-
#1d150e
#1d150e
rgb(29,21,14)
-
#2a1f15
#2a1f15
rgb(42,31,21)
-
#37291b
#37291b
rgb(55,41,27)
-
#443322
#443322
rgb(68,51,34)
-
#513c29
#513c29
rgb(81,60,41)
-
#5e462f
#5e462f
rgb(94,70,47)
-
#6b5036
#6b5036
rgb(107,80,54)
-
#785a3c
#785a3c
rgb(120,90,60)
-
#856343
#856343
rgb(133,99,67)
-
#926d49
#926d49
rgb(146,109,73)
-
#a07750
#a07750
rgb(160,119,80)
-
#ab8158
#ab8158
rgb(171,129,88)
-
#b28b65
#b28b65
rgb(178,139,101)
-
#b89472
#b89472
rgb(184,148,114)
-
#bf9e7f
#bf9e7f
rgb(191,158,127)
-
#c5a88c
#c5a88c
rgb(197,168,140)
-
#ccb299
#ccb299
rgb(204,178,153)
-
#d3bca6
#d3bca6
rgb(211,188,166)
-
#d9c6b3
#d9c6b3
rgb(217,198,179)
-
#e0d0c0
#e0d0c0
rgb(224,208,192)
-
#e6d9cd
#e6d9cd
rgb(230,217,205)
-
#ede3da
#ede3da
rgb(237,227,218)
-
#f3ede7
#f3ede7
rgb(243,237,231)
-
#faf7f5
#faf7f5
rgb(250,247,245)
Tones of #ccb299
A tone is produced by adding gray to any pure hue. In this case, #b4b2b1 is the less saturated color, while #fbb16a is the most saturated one.
-
#b4b2b1
#b4b2b1
rgb(180,178,177)
-
#bab2ab
#bab2ab
rgb(186,178,171)
-
#c0b2a5
#c0b2a5
rgb(192,178,165)
-
#c6b29f
#c6b29f
rgb(198,178,159)
-
#ccb299
#ccb299
rgb(204,178,153)
-
#d2b293
#d2b293
rgb(210,178,147)
-
#d8b28d
#d8b28d
rgb(216,178,141)
-
#deb287
#deb287
rgb(222,178,135)
-
#e4b281
#e4b281
rgb(228,178,129)
-
#e9b17c
#e9b17c
rgb(233,177,124)
-
#efb176
#efb176
rgb(239,177,118)
-
#f5b170
#f5b170
rgb(245,177,112)
-
#fbb16a
#fbb16a
rgb(251,177,106)
Color Blindness Simulator
Below, you can see how #ccb299 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.