#ccc307 Color Information
In a RGB color space, hex #ccc307 is composed of 80% red, 76.5% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.4% magenta, 96.6% yellow and 20% black. It has a hue angle of 57.3 degrees, a saturation of 93.4% and a lightness of 41.4%. #ccc307 color hex could be obtained by blending #ffff0e with #998700. Closest websafe color is: #cccc00.
-
- R 80
- G 76
- B 3
-
- C 0
- M 4
- Y 97
- K 20
● #ccc307 color description : Strong yellow.
#ccc307 Color Conversion
The hexadecimal color #ccc307 has RGB values of R:204, G:195, B:7 and CMYK values of C:0, M:0.04, Y:0.97, K:0.2. Its decimal value is 13419271.
Hex triplet | ccc307 | #ccc307 |
---|---|---|
RGB Decimal | 204, 195, 7 | rgb(204,195,7) |
RGB Percent | 80, 76.5, 2.7 | rgb(80%,76.5%,2.7%) |
CMYK | 0, 4, 97, 20 | |
HSL | 57.3°, 93.4, 41.4 | hsl(57.3,93.4%,41.4%) |
HSV (or HSB) | 57.3°, 96.6, 80 | |
Web Safe | cccc00 | #cccc00 |
CIE-LAB | 77.211, -13.653, 77.385 |
---|---|
XYZ | 44.456, 51.884, 7.874 |
xyY | 0.427, 0.498, 51.884 |
CIE-LCH | 77.211, 78.58, 100.006 |
CIE-LUV | 77.211, 12.314, 83.714 |
Hunter-Lab | 72.031, -15.887, 43.94 |
Binary | 11001100, 11000011, 00000111 |
Color Schemes with #ccc307
Alternatives to #ccc307
Below, you can see some colors close to #ccc307. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccc307 Preview
This text has a font color of #ccc307.
<span style="color:#ccc307;">Text here</span>
This paragraph has a background color of #ccc307.
<p style="background-color:#ccc307;">Content here</p>
This element has a border color of #ccc307.
<div style="border:1px solid #ccc307;">Content here</div>
.text {color:#ccc307;}
.background {background-color:#ccc307;}
.border {border:1px solid #ccc307;}
Shades and Tints of #ccc307
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, #0e0e00 is the darkest color, while #fffffa is the lightest one.
-
#0e0e00
#0e0e00
rgb(14,14,0)
-
#212001
#212001
rgb(33,32,1)
-
#343202
#343202
rgb(52,50,2)
-
#474402
#474402
rgb(71,68,2)
-
#5a5603
#5a5603
rgb(90,86,3)
-
#6d6804
#6d6804
rgb(109,104,4)
-
#807a04
#807a04
rgb(128,122,4)
-
#938d05
#938d05
rgb(147,141,5)
-
#a69f06
#a69f06
rgb(166,159,6)
-
#b9b106
#b9b106
rgb(185,177,6)
-
#ccc307
#ccc307
rgb(204,195,7)
-
#dfd508
#dfd508
rgb(223,213,8)
-
#f2e708
#f2e708
rgb(242,231,8)
-
#f7ed17
#f7ed17
rgb(247,237,23)
-
#f8ee2a
#f8ee2a
rgb(248,238,42)
-
#f8f03d
#f8f03d
rgb(248,240,61)
-
#f9f150
#f9f150
rgb(249,241,80)
-
#faf363
#faf363
rgb(250,243,99)
-
#faf476
#faf476
rgb(250,244,118)
-
#fbf689
#fbf689
rgb(251,246,137)
-
#fcf79c
#fcf79c
rgb(252,247,156)
-
#fcf9af
#fcf9af
rgb(252,249,175)
-
#fdfac1
#fdfac1
rgb(253,250,193)
-
#fefcd4
#fefcd4
rgb(254,252,212)
-
#fefde7
#fefde7
rgb(254,253,231)
-
#fffffa
#fffffa
rgb(255,255,250)
Tones of #ccc307
A tone is produced by adding gray to any pure hue. In this case, #6b6b68 is the less saturated color, while #ccc307 is the most saturated one.
-
#6b6b68
#6b6b68
rgb(107,107,104)
-
#737260
#737260
rgb(115,114,96)
-
#7b7958
#7b7958
rgb(123,121,88)
-
#838150
#838150
rgb(131,129,80)
-
#8b8848
#8b8848
rgb(139,136,72)
-
#938f40
#938f40
rgb(147,143,64)
-
#9b9738
#9b9738
rgb(155,151,56)
-
#a39e30
#a39e30
rgb(163,158,48)
-
#aca627
#aca627
rgb(172,166,39)
-
#b4ad1f
#b4ad1f
rgb(180,173,31)
-
#bcb417
#bcb417
rgb(188,180,23)
-
#c4bc0f
#c4bc0f
rgb(196,188,15)
-
#ccc307
#ccc307
rgb(204,195,7)
Color Blindness Simulator
Below, you can see how #ccc307 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.