#ccc316 Color Information
In a RGB color space, hex #ccc316 is composed of 80% red, 76.5% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.4% magenta, 89.2% yellow and 20% black. It has a hue angle of 57 degrees, a saturation of 80.5% and a lightness of 44.3%. #ccc316 color hex could be obtained by blending #ffff2c with #998700. Closest websafe color is: #cccc00.
-
- R 80
- G 76
- B 9
-
- C 0
- M 4
- Y 89
- K 20
● #ccc316 color description : Strong yellow.
#ccc316 Color Conversion
The hexadecimal color #ccc316 has RGB values of R:204, G:195, B:22 and CMYK values of C:0, M:0.04, Y:0.89, K:0.2. Its decimal value is 13419286.
Hex triplet | ccc316 | #ccc316 |
---|---|---|
RGB Decimal | 204, 195, 22 | rgb(204,195,22) |
RGB Percent | 80, 76.5, 8.6 | rgb(80%,76.5%,8.6%) |
CMYK | 0, 4, 89, 20 | |
HSL | 57°, 80.5, 44.3 | hsl(57,80.5%,44.3%) |
HSV (or HSB) | 57°, 89.2, 80 | |
Web Safe | cccc00 | #cccc00 |
CIE-LAB | 77.237, -13.454, 75.496 |
---|---|
XYZ | 44.562, 51.927, 8.435 |
xyY | 0.425, 0.495, 51.927 |
CIE-LCH | 77.237, 76.686, 100.104 |
CIE-LUV | 77.237, 12.219, 82.611 |
Hunter-Lab | 72.06, -15.721, 43.502 |
Binary | 11001100, 11000011, 00010110 |
Color Schemes with #ccc316
Alternatives to #ccc316
Below, you can see some colors close to #ccc316. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccc316 Preview
This text has a font color of #ccc316.
<span style="color:#ccc316;">Text here</span>
This paragraph has a background color of #ccc316.
<p style="background-color:#ccc316;">Content here</p>
This element has a border color of #ccc316.
<div style="border:1px solid #ccc316;">Content here</div>
.text {color:#ccc316;}
.background {background-color:#ccc316;}
.border {border:1px solid #ccc316;}
Shades and Tints of #ccc316
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, #090901 is the darkest color, while #fefef7 is the lightest one.
-
#090901
#090901
rgb(9,9,1)
-
#1b1a03
#1b1a03
rgb(27,26,3)
-
#2d2b05
#2d2b05
rgb(45,43,5)
-
#3e3c07
#3e3c07
rgb(62,60,7)
-
#504d09
#504d09
rgb(80,77,9)
-
#625d0b
#625d0b
rgb(98,93,11)
-
#736e0c
#736e0c
rgb(115,110,12)
-
#857f0e
#857f0e
rgb(133,127,14)
-
#979010
#979010
rgb(151,144,16)
-
#a9a112
#a9a112
rgb(169,161,18)
-
#bab214
#bab214
rgb(186,178,20)
-
#ccc316
#ccc316
rgb(204,195,22)
-
#ded418
#ded418
rgb(222,212,24)
-
#e7dd22
#e7dd22
rgb(231,221,34)
-
#e9e034
#e9e034
rgb(233,224,52)
-
#ebe345
#ebe345
rgb(235,227,69)
-
#ede557
#ede557
rgb(237,229,87)
-
#efe869
#efe869
rgb(239,232,105)
-
#f1eb7b
#f1eb7b
rgb(241,235,123)
-
#f3ee8c
#f3ee8c
rgb(243,238,140)
-
#f5f09e
#f5f09e
rgb(245,240,158)
-
#f6f3b0
#f6f3b0
rgb(246,243,176)
-
#f8f6c1
#f8f6c1
rgb(248,246,193)
-
#faf8d3
#faf8d3
rgb(250,248,211)
-
#fcfbe5
#fcfbe5
rgb(252,251,229)
-
#fefef7
#fefef7
rgb(254,254,247)
Tones of #ccc316
A tone is produced by adding gray to any pure hue. In this case, #75756d is the less saturated color, while #ddd305 is the most saturated one.
-
#75756d
#75756d
rgb(117,117,109)
-
#7e7d64
#7e7d64
rgb(126,125,100)
-
#86845c
#86845c
rgb(134,132,92)
-
#8f8c53
#8f8c53
rgb(143,140,83)
-
#98944a
#98944a
rgb(152,148,74)
-
#a19c41
#a19c41
rgb(161,156,65)
-
#a9a439
#a9a439
rgb(169,164,57)
-
#b2ac30
#b2ac30
rgb(178,172,48)
-
#bbb327
#bbb327
rgb(187,179,39)
-
#c3bb1f
#c3bb1f
rgb(195,187,31)
-
#ccc316
#ccc316
rgb(204,195,22)
-
#d5cb0d
#d5cb0d
rgb(213,203,13)
-
#ddd305
#ddd305
rgb(221,211,5)
Color Blindness Simulator
Below, you can see how #ccc316 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.