#ccb316 Color Information
In a RGB color space, hex #ccb316 is composed of 80% red, 70.2% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.3% magenta, 89.2% yellow and 20% black. It has a hue angle of 51.8 degrees, a saturation of 80.5% and a lightness of 44.3%. #ccb316 color hex could be obtained by blending #ffff2c with #996700. Closest websafe color is: #cccc00.
-
- R 80
- G 70
- B 9
-
- C 0
- M 12
- Y 89
- K 20
● #ccb316 color description : Strong yellow.
#ccb316 Color Conversion
The hexadecimal color #ccb316 has RGB values of R:204, G:179, B:22 and CMYK values of C:0, M:0.12, Y:0.89, K:0.2. Its decimal value is 13415190.
Hex triplet | ccb316 | #ccb316 |
---|---|---|
RGB Decimal | 204, 179, 22 | rgb(204,179,22) |
RGB Percent | 80, 70.2, 8.6 | rgb(80%,70.2%,8.6%) |
CMYK | 0, 12, 89, 20 | |
HSL | 51.8°, 80.5, 44.3 | hsl(51.8,80.5%,44.3%) |
HSV (or HSB) | 51.8°, 89.2, 80 | |
Web Safe | cccc00 | #cccc00 |
CIE-LAB | 72.982, -5.239, 72.157 |
---|---|
XYZ | 41.167, 45.137, 7.303 |
xyY | 0.44, 0.482, 45.137 |
CIE-LCH | 72.982, 72.347, 94.153 |
CIE-LUV | 72.982, 23.384, 76.404 |
Hunter-Lab | 67.184, -8.196, 40.584 |
Binary | 11001100, 10110011, 00010110 |
Color Schemes with #ccb316
Alternatives to #ccb316
Below, you can see some colors close to #ccb316. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccb316 Preview
This text has a font color of #ccb316.
<span style="color:#ccb316;">Text here</span>
This paragraph has a background color of #ccb316.
<p style="background-color:#ccb316;">Content here</p>
This element has a border color of #ccb316.
<div style="border:1px solid #ccb316;">Content here</div>
.text {color:#ccb316;}
.background {background-color:#ccb316;}
.border {border:1px solid #ccb316;}
Shades and Tints of #ccb316
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, #090801 is the darkest color, while #fefdf7 is the lightest one.
-
#090801
#090801
rgb(9,8,1)
-
#1b1803
#1b1803
rgb(27,24,3)
-
#2d2705
#2d2705
rgb(45,39,5)
-
#3e3707
#3e3707
rgb(62,55,7)
-
#504609
#504609
rgb(80,70,9)
-
#62560b
#62560b
rgb(98,86,11)
-
#73650c
#73650c
rgb(115,101,12)
-
#85750e
#85750e
rgb(133,117,14)
-
#978410
#978410
rgb(151,132,16)
-
#a99412
#a99412
rgb(169,148,18)
-
#baa314
#baa314
rgb(186,163,20)
-
#ccb316
#ccb316
rgb(204,179,22)
-
#dec318
#dec318
rgb(222,195,24)
-
#e7cc22
#e7cc22
rgb(231,204,34)
-
#e9d034
#e9d034
rgb(233,208,52)
-
#ebd445
#ebd445
rgb(235,212,69)
-
#edd857
#edd857
rgb(237,216,87)
-
#efdc69
#efdc69
rgb(239,220,105)
-
#f1e07b
#f1e07b
rgb(241,224,123)
-
#f3e58c
#f3e58c
rgb(243,229,140)
-
#f5e99e
#f5e99e
rgb(245,233,158)
-
#f6edb0
#f6edb0
rgb(246,237,176)
-
#f8f1c1
#f8f1c1
rgb(248,241,193)
-
#faf5d3
#faf5d3
rgb(250,245,211)
-
#fcf9e5
#fcf9e5
rgb(252,249,229)
-
#fefdf7
#fefdf7
rgb(254,253,247)
Tones of #ccb316
A tone is produced by adding gray to any pure hue. In this case, #75746d is the less saturated color, while #ddc005 is the most saturated one.
-
#75746d
#75746d
rgb(117,116,109)
-
#7e7a64
#7e7a64
rgb(126,122,100)
-
#86815c
#86815c
rgb(134,129,92)
-
#8f8753
#8f8753
rgb(143,135,83)
-
#988d4a
#988d4a
rgb(152,141,74)
-
#a19341
#a19341
rgb(161,147,65)
-
#a99a39
#a99a39
rgb(169,154,57)
-
#b2a030
#b2a030
rgb(178,160,48)
-
#bba627
#bba627
rgb(187,166,39)
-
#c3ad1f
#c3ad1f
rgb(195,173,31)
-
#ccb316
#ccb316
rgb(204,179,22)
-
#d5b90d
#d5b90d
rgb(213,185,13)
-
#ddc005
#ddc005
rgb(221,192,5)
Color Blindness Simulator
Below, you can see how #ccb316 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.