#ccb399 Color Information
In a RGB color space, hex #ccb399 is composed of 80% red, 70.2% green and 60% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.3% magenta, 25% yellow and 20% black. It has a hue angle of 30.6 degrees, a saturation of 33.3% and a lightness of 70%. #ccb399 color hex could be obtained by blending #ffffff with #996733. Closest websafe color is: #cccc99.
-
- R 80
- G 70
- B 60
-
- C 0
- M 12
- Y 25
- K 20
● #ccb399 color description : Slightly desaturated orange.
#ccb399 Color Conversion
The hexadecimal color #ccb399 has RGB values of R:204, G:179, B:153 and CMYK values of C:0, M:0.12, Y:0.25, K:0.2. Its decimal value is 13415321.
Hex triplet | ccb399 | #ccb399 |
---|---|---|
RGB Decimal | 204, 179, 153 | rgb(204,179,153) |
RGB Percent | 80, 70.2, 60 | rgb(80%,70.2%,60%) |
CMYK | 0, 12, 25, 20 | |
HSL | 30.6°, 33.3, 70 | hsl(30.6,33.3%,70%) |
HSV (or HSB) | 30.6°, 25, 80 | |
Web Safe | cccc99 | #cccc99 |
CIE-LAB | 74.431, 4.955, 16.582 |
---|---|
XYZ | 46.771, 47.379, 36.816 |
xyY | 0.357, 0.362, 47.379 |
CIE-LCH | 74.431, 17.306, 73.363 |
CIE-LUV | 74.431, 17.146, 22.229 |
Hunter-Lab | 68.832, 0.834, 16.47 |
Binary | 11001100, 10110011, 10011001 |
Color Schemes with #ccb399
Alternatives to #ccb399
Below, you can see some colors close to #ccb399. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccb399 Preview
This text has a font color of #ccb399.
<span style="color:#ccb399;">Text here</span>
This paragraph has a background color of #ccb399.
<p style="background-color:#ccb399;">Content here</p>
This element has a border color of #ccb399.
<div style="border:1px solid #ccb399;">Content here</div>
.text {color:#ccb399;}
.background {background-color:#ccb399;}
.border {border:1px solid #ccb399;}
Shades and Tints of #ccb399
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)
-
#1d160e
#1d160e
rgb(29,22,14)
-
#2a2015
#2a2015
rgb(42,32,21)
-
#37291b
#37291b
rgb(55,41,27)
-
#443322
#443322
rgb(68,51,34)
-
#513d29
#513d29
rgb(81,61,41)
-
#5e472f
#5e472f
rgb(94,71,47)
-
#6b5136
#6b5136
rgb(107,81,54)
-
#785b3c
#785b3c
rgb(120,91,60)
-
#856543
#856543
rgb(133,101,67)
-
#926f49
#926f49
rgb(146,111,73)
-
#a07850
#a07850
rgb(160,120,80)
-
#ab8258
#ab8258
rgb(171,130,88)
-
#b28c65
#b28c65
rgb(178,140,101)
-
#b89672
#b89672
rgb(184,150,114)
-
#bfa07f
#bfa07f
rgb(191,160,127)
-
#c5a98c
#c5a98c
rgb(197,169,140)
-
#ccb399
#ccb399
rgb(204,179,153)
-
#d3bda6
#d3bda6
rgb(211,189,166)
-
#d9c6b3
#d9c6b3
rgb(217,198,179)
-
#e0d0c0
#e0d0c0
rgb(224,208,192)
-
#e6dacd
#e6dacd
rgb(230,218,205)
-
#ede4da
#ede4da
rgb(237,228,218)
-
#f3ede7
#f3ede7
rgb(243,237,231)
-
#faf7f5
#faf7f5
rgb(250,247,245)
Tones of #ccb399
A tone is produced by adding gray to any pure hue. In this case, #b4b3b1 is the less saturated color, while #fbb46a is the most saturated one.
-
#b4b3b1
#b4b3b1
rgb(180,179,177)
-
#bab3ab
#bab3ab
rgb(186,179,171)
-
#c0b3a5
#c0b3a5
rgb(192,179,165)
-
#c6b39f
#c6b39f
rgb(198,179,159)
-
#ccb399
#ccb399
rgb(204,179,153)
-
#d2b393
#d2b393
rgb(210,179,147)
-
#d8b38d
#d8b38d
rgb(216,179,141)
-
#deb387
#deb387
rgb(222,179,135)
-
#e4b381
#e4b381
rgb(228,179,129)
-
#e9b47c
#e9b47c
rgb(233,180,124)
-
#efb476
#efb476
rgb(239,180,118)
-
#f5b470
#f5b470
rgb(245,180,112)
-
#fbb46a
#fbb46a
rgb(251,180,106)
Color Blindness Simulator
Below, you can see how #ccb399 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.