#ccc345 Color Information
In a RGB color space, hex #ccc345 is composed of 80% red, 76.5% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.4% magenta, 66.2% yellow and 20% black. It has a hue angle of 56 degrees, a saturation of 57% and a lightness of 53.5%. #ccc345 color hex could be obtained by blending #ffff8a with #998700. Closest websafe color is: #cccc33.
-
- R 80
- G 76
- B 27
-
- C 0
- M 4
- Y 66
- K 20
● #ccc345 color description : Moderate yellow.
#ccc345 Color Conversion
The hexadecimal color #ccc345 has RGB values of R:204, G:195, B:69 and CMYK values of C:0, M:0.04, Y:0.66, K:0.2. Its decimal value is 13419333.
Hex triplet | ccc345 | #ccc345 |
---|---|---|
RGB Decimal | 204, 195, 69 | rgb(204,195,69) |
RGB Percent | 80, 76.5, 27.1 | rgb(80%,76.5%,27.1%) |
CMYK | 0, 4, 66, 20 | |
HSL | 56°, 57, 53.5 | hsl(56,57%,53.5%) |
HSV (or HSB) | 56°, 66.2, 80 | |
Web Safe | cccc33 | #cccc33 |
CIE-LAB | 77.459, -11.729, 61.832 |
---|---|
XYZ | 45.491, 52.298, 13.328 |
xyY | 0.409, 0.471, 52.298 |
CIE-LCH | 77.459, 62.934, 100.741 |
CIE-LUV | 77.459, 11.406, 73.218 |
Hunter-Lab | 72.318, -14.271, 39.695 |
Binary | 11001100, 11000011, 01000101 |
Color Schemes with #ccc345
Alternatives to #ccc345
Below, you can see some colors close to #ccc345. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccc345 Preview
This text has a font color of #ccc345.
<span style="color:#ccc345;">Text here</span>
This paragraph has a background color of #ccc345.
<p style="background-color:#ccc345;">Content here</p>
This element has a border color of #ccc345.
<div style="border:1px solid #ccc345;">Content here</div>
.text {color:#ccc345;}
.background {background-color:#ccc345;}
.border {border:1px solid #ccc345;}
Shades and Tints of #ccc345
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, #0e0d04 is the darkest color, while #fffffe is the lightest one.
-
#0e0d04
#0e0d04
rgb(14,13,4)
-
#1e1c08
#1e1c08
rgb(30,28,8)
-
#2d2b0c
#2d2b0c
rgb(45,43,12)
-
#3c3911
#3c3911
rgb(60,57,17)
-
#4c4815
#4c4815
rgb(76,72,21)
-
#5b5719
#5b5719
rgb(91,87,25)
-
#6a651d
#6a651d
rgb(106,101,29)
-
#7a7421
#7a7421
rgb(122,116,33)
-
#898326
#898326
rgb(137,131,38)
-
#99912a
#99912a
rgb(153,145,42)
-
#a8a02e
#a8a02e
rgb(168,160,46)
-
#b7af32
#b7af32
rgb(183,175,50)
-
#c7bd37
#c7bd37
rgb(199,189,55)
-
#ccc345
#ccc345
rgb(204,195,69)
-
#d0c854
#d0c854
rgb(208,200,84)
-
#d4cd64
#d4cd64
rgb(212,205,100)
-
#d9d273
#d9d273
rgb(217,210,115)
-
#ddd783
#ddd783
rgb(221,215,131)
-
#e1dc92
#e1dc92
rgb(225,220,146)
-
#e5e1a1
#e5e1a1
rgb(229,225,161)
-
#eae6b1
#eae6b1
rgb(234,230,177)
-
#eeebc0
#eeebc0
rgb(238,235,192)
-
#f2f0d0
#f2f0d0
rgb(242,240,208)
-
#f6f5df
#f6f5df
rgb(246,245,223)
-
#fafaee
#fafaee
rgb(250,250,238)
-
#fffffe
#fffffe
rgb(255,255,254)
Tones of #ccc345
A tone is produced by adding gray to any pure hue. In this case, #8c8c85 is the less saturated color, while #faeb17 is the most saturated one.
-
#8c8c85
#8c8c85
rgb(140,140,133)
-
#95947c
#95947c
rgb(149,148,124)
-
#9e9c73
#9e9c73
rgb(158,156,115)
-
#a8a369
#a8a369
rgb(168,163,105)
-
#b1ab60
#b1ab60
rgb(177,171,96)
-
#bab357
#bab357
rgb(186,179,87)
-
#c3bb4e
#c3bb4e
rgb(195,187,78)
-
#ccc345
#ccc345
rgb(204,195,69)
-
#d5cb3c
#d5cb3c
rgb(213,203,60)
-
#ded333
#ded333
rgb(222,211,51)
-
#e7db2a
#e7db2a
rgb(231,219,42)
-
#f0e321
#f0e321
rgb(240,227,33)
-
#faeb17
#faeb17
rgb(250,235,23)
Color Blindness Simulator
Below, you can see how #ccc345 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.