#ccb310 Color Information
In a RGB color space, hex #ccb310 is composed of 80% red, 70.2% green and 6.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.3% magenta, 92.2% yellow and 20% black. It has a hue angle of 52 degrees, a saturation of 85.5% and a lightness of 43.1%. #ccb310 color hex could be obtained by blending #ffff20 with #996700. Closest websafe color is: #cccc00.
-
- R 80
- G 70
- B 6
-
- C 0
- M 12
- Y 92
- K 20
● #ccb310 color description : Strong yellow.
#ccb310 Color Conversion
The hexadecimal color #ccb310 has RGB values of R:204, G:179, B:16 and CMYK values of C:0, M:0.12, Y:0.92, K:0.2. Its decimal value is 13415184.
Hex triplet | ccb310 | #ccb310 |
---|---|---|
RGB Decimal | 204, 179, 16 | rgb(204,179,16) |
RGB Percent | 80, 70.2, 6.3 | rgb(80%,70.2%,6.3%) |
CMYK | 0, 12, 92, 20 | |
HSL | 52°, 85.5, 43.1 | hsl(52,85.5%,43.1%) |
HSV (or HSB) | 52°, 92.2, 80 | |
Web Safe | cccc00 | #cccc00 |
CIE-LAB | 72.969, -5.338, 73.148 |
---|---|
XYZ | 41.116, 45.116, 7.033 |
xyY | 0.441, 0.484, 45.116 |
CIE-LCH | 72.969, 73.343, 94.174 |
CIE-LUV | 72.969, 23.45, 76.977 |
Hunter-Lab | 67.169, -8.28, 40.81 |
Binary | 11001100, 10110011, 00010000 |
Color Schemes with #ccb310
Alternatives to #ccb310
Below, you can see some colors close to #ccb310. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccb310 Preview
This text has a font color of #ccb310.
<span style="color:#ccb310;">Text here</span>
This paragraph has a background color of #ccb310.
<p style="background-color:#ccb310;">Content here</p>
This element has a border color of #ccb310.
<div style="border:1px solid #ccb310;">Content here</div>
.text {color:#ccb310;}
.background {background-color:#ccb310;}
.border {border:1px solid #ccb310;}
Shades and Tints of #ccb310
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, #040300 is the darkest color, while #fefcf1 is the lightest one.
-
#040300
#040300
rgb(4,3,0)
-
#161302
#161302
rgb(22,19,2)
-
#282303
#282303
rgb(40,35,3)
-
#3a3305
#3a3305
rgb(58,51,5)
-
#4d4306
#4d4306
rgb(77,67,6)
-
#5f5307
#5f5307
rgb(95,83,7)
-
#716309
#716309
rgb(113,99,9)
-
#83730a
#83730a
rgb(131,115,10)
-
#95830c
#95830c
rgb(149,131,12)
-
#a8930d
#a8930d
rgb(168,147,13)
-
#baa30f
#baa30f
rgb(186,163,15)
-
#ccb310
#ccb310
rgb(204,179,16)
-
#dec311
#dec311
rgb(222,195,17)
-
#edd016
#edd016
rgb(237,208,22)
-
#eed429
#eed429
rgb(238,212,41)
-
#f0d83b
#f0d83b
rgb(240,216,59)
-
#f1db4d
#f1db4d
rgb(241,219,77)
-
#f2df5f
#f2df5f
rgb(242,223,95)
-
#f4e371
#f4e371
rgb(244,227,113)
-
#f5e684
#f5e684
rgb(245,230,132)
-
#f7ea96
#f7ea96
rgb(247,234,150)
-
#f8eea8
#f8eea8
rgb(248,238,168)
-
#faf1ba
#faf1ba
rgb(250,241,186)
-
#fbf5cc
#fbf5cc
rgb(251,245,204)
-
#fcf8df
#fcf8df
rgb(252,248,223)
-
#fefcf1
#fefcf1
rgb(254,252,241)
Tones of #ccb310
A tone is produced by adding gray to any pure hue. In this case, #6f6f6d is the less saturated color, while #d4b908 is the most saturated one.
-
#6f6f6d
#6f6f6d
rgb(111,111,109)
-
#777565
#777565
rgb(119,117,101)
-
#807b5c
#807b5c
rgb(128,123,92)
-
#888154
#888154
rgb(136,129,84)
-
#91884b
#91884b
rgb(145,136,75)
-
#998e43
#998e43
rgb(153,142,67)
-
#a2943a
#a2943a
rgb(162,148,58)
-
#aa9a32
#aa9a32
rgb(170,154,50)
-
#b3a029
#b3a029
rgb(179,160,41)
-
#bba721
#bba721
rgb(187,167,33)
-
#c4ad18
#c4ad18
rgb(196,173,24)
-
#ccb310
#ccb310
rgb(204,179,16)
-
#d4b908
#d4b908
rgb(212,185,8)
Color Blindness Simulator
Below, you can see how #ccb310 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.