#ccb304 Color Information
In a RGB color space, hex #ccb304 is composed of 80% red, 70.2% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.3% magenta, 98% yellow and 20% black. It has a hue angle of 52.5 degrees, a saturation of 96.2% and a lightness of 40.8%. #ccb304 color hex could be obtained by blending #ffff08 with #996700. Closest websafe color is: #cccc00.
-
- R 80
- G 70
- B 2
-
- C 0
- M 12
- Y 98
- K 20
● #ccb304 color description : Strong yellow.
#ccb304 Color Conversion
The hexadecimal color #ccb304 has RGB values of R:204, G:179, B:4 and CMYK values of C:0, M:0.12, Y:0.98, K:0.2. Its decimal value is 13415172.
Hex triplet | ccb304 | #ccb304 |
---|---|---|
RGB Decimal | 204, 179, 4 | rgb(204,179,4) |
RGB Percent | 80, 70.2, 1.6 | rgb(80%,70.2%,1.6%) |
CMYK | 0, 12, 98, 20 | |
HSL | 52.5°, 96.2, 40.8 | hsl(52.5,96.2%,40.8%) |
HSV (or HSB) | 52.5°, 98, 80 | |
Web Safe | cccc00 | #cccc00 |
CIE-LAB | 72.95, -5.476, 74.577 |
---|---|
XYZ | 41.044, 45.088, 6.656 |
xyY | 0.442, 0.486, 45.088 |
CIE-LCH | 72.95, 74.777, 94.2 |
CIE-LUV | 72.95, 23.543, 77.779 |
Hunter-Lab | 67.147, -8.399, 41.126 |
Binary | 11001100, 10110011, 00000100 |
Color Schemes with #ccb304
Alternatives to #ccb304
Below, you can see some colors close to #ccb304. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccb304 Preview
This text has a font color of #ccb304.
<span style="color:#ccb304;">Text here</span>
This paragraph has a background color of #ccb304.
<p style="background-color:#ccb304;">Content here</p>
This element has a border color of #ccb304.
<div style="border:1px solid #ccb304;">Content here</div>
.text {color:#ccb304;}
.background {background-color:#ccb304;}
.border {border:1px solid #ccb304;}
Shades and Tints of #ccb304
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, #0c0a00 is the darkest color, while #fffef7 is the lightest one.
-
#0c0a00
#0c0a00
rgb(12,10,0)
-
#1f1b01
#1f1b01
rgb(31,27,1)
-
#322c01
#322c01
rgb(50,44,1)
-
#453d01
#453d01
rgb(69,61,1)
-
#594e02
#594e02
rgb(89,78,2)
-
#6c5f02
#6c5f02
rgb(108,95,2)
-
#7f6f02
#7f6f02
rgb(127,111,2)
-
#928003
#928003
rgb(146,128,3)
-
#a69103
#a69103
rgb(166,145,3)
-
#b9a204
#b9a204
rgb(185,162,4)
-
#ccb304
#ccb304
rgb(204,179,4)
-
#dfc404
#dfc404
rgb(223,196,4)
-
#f2d505
#f2d505
rgb(242,213,5)
-
#fadd11
#fadd11
rgb(250,221,17)
-
#fbe024
#fbe024
rgb(251,224,36)
-
#fbe337
#fbe337
rgb(251,227,55)
-
#fbe54a
#fbe54a
rgb(251,229,74)
-
#fce85d
#fce85d
rgb(252,232,93)
-
#fceb71
#fceb71
rgb(252,235,113)
-
#fdee84
#fdee84
rgb(253,238,132)
-
#fdf097
#fdf097
rgb(253,240,151)
-
#fdf3aa
#fdf3aa
rgb(253,243,170)
-
#fef6be
#fef6be
rgb(254,246,190)
-
#fef8d1
#fef8d1
rgb(254,248,209)
-
#fefbe4
#fefbe4
rgb(254,251,228)
-
#fffef7
#fffef7
rgb(255,254,247)
Tones of #ccb304
A tone is produced by adding gray to any pure hue. In this case, #6c6b64 is the less saturated color, while #ccb304 is the most saturated one.
-
#6c6b64
#6c6b64
rgb(108,107,100)
-
#74715c
#74715c
rgb(116,113,92)
-
#7c7754
#7c7754
rgb(124,119,84)
-
#847d4c
#847d4c
rgb(132,125,76)
-
#8c8344
#8c8344
rgb(140,131,68)
-
#94893c
#94893c
rgb(148,137,60)
-
#9c8f34
#9c8f34
rgb(156,143,52)
-
#a4952c
#a4952c
rgb(164,149,44)
-
#ac9b24
#ac9b24
rgb(172,155,36)
-
#b4a11c
#b4a11c
rgb(180,161,28)
-
#bca714
#bca714
rgb(188,167,20)
-
#c4ad0c
#c4ad0c
rgb(196,173,12)
-
#ccb304
#ccb304
rgb(204,179,4)
Color Blindness Simulator
Below, you can see how #ccb304 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.