#ccc424 Color Information
In a RGB color space, hex #ccc424 is composed of 80% red, 76.9% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.9% magenta, 82.4% yellow and 20% black. It has a hue angle of 57.1 degrees, a saturation of 70% and a lightness of 47.1%. #ccc424 color hex could be obtained by blending #ffff48 with #998900. Closest websafe color is: #cccc33.
-
- R 80
- G 77
- B 14
-
- C 0
- M 4
- Y 82
- K 20
● #ccc424 color description : Strong yellow.
#ccc424 Color Conversion
The hexadecimal color #ccc424 has RGB values of R:204, G:196, B:36 and CMYK values of C:0, M:0.04, Y:0.82, K:0.2. Its decimal value is 13419556.
Hex triplet | ccc424 | #ccc424 |
---|---|---|
RGB Decimal | 204, 196, 36 | rgb(204,196,36) |
RGB Percent | 80, 76.9, 14.1 | rgb(80%,76.9%,14.1%) |
CMYK | 0, 4, 82, 20 | |
HSL | 57.1°, 70, 47.1 | hsl(57.1,70%,47.1%) |
HSV (or HSB) | 57.1°, 82.4, 80 | |
Web Safe | cccc33 | #cccc33 |
CIE-LAB | 77.547, -13.634, 72.82 |
---|---|
XYZ | 44.96, 52.446, 9.424 |
xyY | 0.421, 0.491, 52.446 |
CIE-LCH | 77.547, 74.085, 100.605 |
CIE-LUV | 77.547, 11.39, 81.22 |
Hunter-Lab | 72.419, -15.915, 42.978 |
Binary | 11001100, 11000100, 00100100 |
Color Schemes with #ccc424
Alternatives to #ccc424
Below, you can see some colors close to #ccc424. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccc424 Preview
This text has a font color of #ccc424.
<span style="color:#ccc424;">Text here</span>
This paragraph has a background color of #ccc424.
<p style="background-color:#ccc424;">Content here</p>
This element has a border color of #ccc424.
<div style="border:1px solid #ccc424;">Content here</div>
.text {color:#ccc424;}
.background {background-color:#ccc424;}
.border {border:1px solid #ccc424;}
Shades and Tints of #ccc424
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, #040401 is the darkest color, while #fdfcf2 is the lightest one.
-
#040401
#040401
rgb(4,4,1)
-
#151404
#151404
rgb(21,20,4)
-
#252407
#252407
rgb(37,36,7)
-
#36340a
#36340a
rgb(54,52,10)
-
#47440c
#47440c
rgb(71,68,12)
-
#57540f
#57540f
rgb(87,84,15)
-
#686412
#686412
rgb(104,100,18)
-
#797415
#797415
rgb(121,116,21)
-
#898418
#898418
rgb(137,132,24)
-
#9a941b
#9a941b
rgb(154,148,27)
-
#aba41e
#aba41e
rgb(171,164,30)
-
#bbb421
#bbb421
rgb(187,180,33)
-
#ccc424
#ccc424
rgb(204,196,36)
-
#d9d12a
#d9d12a
rgb(217,209,42)
-
#dcd53b
#dcd53b
rgb(220,213,59)
-
#dfd84c
#dfd84c
rgb(223,216,76)
-
#e2dc5c
#e2dc5c
rgb(226,220,92)
-
#e5df6d
#e5df6d
rgb(229,223,109)
-
#e8e37e
#e8e37e
rgb(232,227,126)
-
#ebe78e
#ebe78e
rgb(235,231,142)
-
#eeea9f
#eeea9f
rgb(238,234,159)
-
#f1eeb0
#f1eeb0
rgb(241,238,176)
-
#f4f1c0
#f4f1c0
rgb(244,241,192)
-
#f7f5d1
#f7f5d1
rgb(247,245,209)
-
#faf9e2
#faf9e2
rgb(250,249,226)
-
#fdfcf2
#fdfcf2
rgb(253,252,242)
Tones of #ccc424
A tone is produced by adding gray to any pure hue. In this case, #797977 is the less saturated color, while #e8dd08 is the most saturated one.
-
#797977
#797977
rgb(121,121,119)
-
#82816e
#82816e
rgb(130,129,110)
-
#8b8a65
#8b8a65
rgb(139,138,101)
-
#95925b
#95925b
rgb(149,146,91)
-
#9e9a52
#9e9a52
rgb(158,154,82)
-
#a7a349
#a7a349
rgb(167,163,73)
-
#b0ab40
#b0ab40
rgb(176,171,64)
-
#bab336
#bab336
rgb(186,179,54)
-
#c3bc2d
#c3bc2d
rgb(195,188,45)
-
#ccc424
#ccc424
rgb(204,196,36)
-
#d5cc1b
#d5cc1b
rgb(213,204,27)
-
#ded512
#ded512
rgb(222,213,18)
-
#e8dd08
#e8dd08
rgb(232,221,8)
Color Blindness Simulator
Below, you can see how #ccc424 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.