#ccc31e Color Information
In a RGB color space, hex #ccc31e is composed of 80% red, 76.5% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.4% magenta, 85.3% yellow and 20% black. It has a hue angle of 56.9 degrees, a saturation of 74.4% and a lightness of 45.9%. #ccc31e color hex could be obtained by blending #ffff3c with #998700. Closest websafe color is: #cccc33.
-
- R 80
- G 76
- B 12
-
- C 0
- M 4
- Y 85
- K 20
● #ccc31e color description : Strong yellow.
#ccc31e Color Conversion
The hexadecimal color #ccc31e has RGB values of R:204, G:195, B:30 and CMYK values of C:0, M:0.04, Y:0.85, K:0.2. Its decimal value is 13419294.
Hex triplet | ccc31e | #ccc31e |
---|---|---|
RGB Decimal | 204, 195, 30 | rgb(204,195,30) |
RGB Percent | 80, 76.5, 11.8 | rgb(80%,76.5%,11.8%) |
CMYK | 0, 4, 85, 20 | |
HSL | 56.9°, 74.4, 45.9 | hsl(56.9,74.4%,45.9%) |
HSV (or HSB) | 56.9°, 85.3, 80 | |
Web Safe | cccc33 | #cccc33 |
CIE-LAB | 77.258, -13.286, 73.973 |
---|---|
XYZ | 44.652, 51.962, 8.906 |
xyY | 0.423, 0.492, 51.962 |
CIE-LCH | 77.258, 75.157, 100.182 |
CIE-LUV | 77.258, 12.139, 81.687 |
Hunter-Lab | 72.085, -15.58, 43.134 |
Binary | 11001100, 11000011, 00011110 |
Color Schemes with #ccc31e
Alternatives to #ccc31e
Below, you can see some colors close to #ccc31e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccc31e Preview
This text has a font color of #ccc31e.
<span style="color:#ccc31e;">Text here</span>
This paragraph has a background color of #ccc31e.
<p style="background-color:#ccc31e;">Content here</p>
This element has a border color of #ccc31e.
<div style="border:1px solid #ccc31e;">Content here</div>
.text {color:#ccc31e;}
.background {background-color:#ccc31e;}
.border {border:1px solid #ccc31e;}
Shades and Tints of #ccc31e
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, #100f02 is the darkest color, while #fffffe is the lightest one.
-
#100f02
#100f02
rgb(16,15,2)
-
#212005
#212005
rgb(33,32,5)
-
#323007
#323007
rgb(50,48,7)
-
#43400a
#43400a
rgb(67,64,10)
-
#54510c
#54510c
rgb(84,81,12)
-
#65610f
#65610f
rgb(101,97,15)
-
#767111
#767111
rgb(118,113,17)
-
#888214
#888214
rgb(136,130,20)
-
#999216
#999216
rgb(153,146,22)
-
#aaa219
#aaa219
rgb(170,162,25)
-
#bbb31b
#bbb31b
rgb(187,179,27)
-
#ccc31e
#ccc31e
rgb(204,195,30)
-
#ddd321
#ddd321
rgb(221,211,33)
-
#e1d831
#e1d831
rgb(225,216,49)
-
#e3db42
#e3db42
rgb(227,219,66)
-
#e6de53
#e6de53
rgb(230,222,83)
-
#e8e164
#e8e164
rgb(232,225,100)
-
#ebe575
#ebe575
rgb(235,229,117)
-
#ede886
#ede886
rgb(237,232,134)
-
#f0eb97
#f0eb97
rgb(240,235,151)
-
#f2eea8
#f2eea8
rgb(242,238,168)
-
#f5f2b9
#f5f2b9
rgb(245,242,185)
-
#f7f5ca
#f7f5ca
rgb(247,245,202)
-
#faf8dc
#faf8dc
rgb(250,248,220)
-
#fcfced
#fcfced
rgb(252,252,237)
-
#fffffe
#fffffe
rgb(255,255,254)
Tones of #ccc31e
A tone is produced by adding gray to any pure hue. In this case, #7b7a6f is the less saturated color, while #e7db03 is the most saturated one.
-
#7b7a6f
#7b7a6f
rgb(123,122,111)
-
#848266
#848266
rgb(132,130,102)
-
#8d8b5d
#8d8b5d
rgb(141,139,93)
-
#969354
#969354
rgb(150,147,84)
-
#9f9b4b
#9f9b4b
rgb(159,155,75)
-
#a8a342
#a8a342
rgb(168,163,66)
-
#b1ab39
#b1ab39
rgb(177,171,57)
-
#bab330
#bab330
rgb(186,179,48)
-
#c3bb27
#c3bb27
rgb(195,187,39)
-
#ccc31e
#ccc31e
rgb(204,195,30)
-
#d5cb15
#d5cb15
rgb(213,203,21)
-
#ded30c
#ded30c
rgb(222,211,12)
-
#e7db03
#e7db03
rgb(231,219,3)
Color Blindness Simulator
Below, you can see how #ccc31e 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.