#ccc228 Color Information
In a RGB color space, hex #ccc228 is composed of 80% red, 76.1% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.9% magenta, 80.4% yellow and 20% black. It has a hue angle of 56.3 degrees, a saturation of 67.2% and a lightness of 47.8%. #ccc228 color hex could be obtained by blending #ffff50 with #998500. Closest websafe color is: #cccc33.
-
- R 80
- G 76
- B 16
-
- C 0
- M 5
- Y 80
- K 20
● #ccc228 color description : Strong yellow.
#ccc228 Color Conversion
The hexadecimal color #ccc228 has RGB values of R:204, G:194, B:40 and CMYK values of C:0, M:0.05, Y:0.8, K:0.2. Its decimal value is 13419048.
Hex triplet | ccc228 | #ccc228 |
---|---|---|
RGB Decimal | 204, 194, 40 | rgb(204,194,40) |
RGB Percent | 80, 76.1, 15.7 | rgb(80%,76.1%,15.7%) |
CMYK | 0, 5, 80, 20 | |
HSL | 56.3°, 67.2, 47.8 | hsl(56.3,67.2%,47.8%) |
HSV (or HSB) | 56.3°, 80.4, 80 | |
Web Safe | cccc33 | #cccc33 |
CIE-LAB | 77.026, -12.502, 71.33 |
---|---|
XYZ | 44.577, 51.575, 9.614 |
xyY | 0.421, 0.488, 51.575 |
CIE-LCH | 77.026, 72.417, 99.941 |
CIE-LUV | 77.026, 12.682, 79.764 |
Hunter-Lab | 71.816, -14.881, 42.334 |
Binary | 11001100, 11000010, 00101000 |
Color Schemes with #ccc228
Alternatives to #ccc228
Below, you can see some colors close to #ccc228. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccc228 Preview
This text has a font color of #ccc228.
<span style="color:#ccc228;">Text here</span>
This paragraph has a background color of #ccc228.
<p style="background-color:#ccc228;">Content here</p>
This element has a border color of #ccc228.
<div style="border:1px solid #ccc228;">Content here</div>
.text {color:#ccc228;}
.background {background-color:#ccc228;}
.border {border:1px solid #ccc228;}
Shades and Tints of #ccc228
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, #070701 is the darkest color, while #fdfdf6 is the lightest one.
-
#070701
#070701
rgb(7,7,1)
-
#181605
#181605
rgb(24,22,5)
-
#282608
#282608
rgb(40,38,8)
-
#38360b
#38360b
rgb(56,54,11)
-
#49450e
#49450e
rgb(73,69,14)
-
#595511
#595511
rgb(89,85,17)
-
#6a6415
#6a6415
rgb(106,100,21)
-
#7a7418
#7a7418
rgb(122,116,24)
-
#8a841b
#8a841b
rgb(138,132,27)
-
#9b931e
#9b931e
rgb(155,147,30)
-
#aba322
#aba322
rgb(171,163,34)
-
#bcb225
#bcb225
rgb(188,178,37)
-
#ccc228
#ccc228
rgb(204,194,40)
-
#d7cd31
#d7cd31
rgb(215,205,49)
-
#dad141
#dad141
rgb(218,209,65)
-
#ddd552
#ddd552
rgb(221,213,82)
-
#e0d962
#e0d962
rgb(224,217,98)
-
#e3dd73
#e3dd73
rgb(227,221,115)
-
#e7e183
#e7e183
rgb(231,225,131)
-
#eae593
#eae593
rgb(234,229,147)
-
#ede9a4
#ede9a4
rgb(237,233,164)
-
#f0edb4
#f0edb4
rgb(240,237,180)
-
#f4f1c5
#f4f1c5
rgb(244,241,197)
-
#f7f5d5
#f7f5d5
rgb(247,245,213)
-
#faf9e5
#faf9e5
rgb(250,249,229)
-
#fdfdf6
#fdfdf6
rgb(253,253,246)
Tones of #ccc228
A tone is produced by adding gray to any pure hue. In this case, #818073 is the less saturated color, while #f2e302 is the most saturated one.
-
#818073
#818073
rgb(129,128,115)
-
#8a886a
#8a886a
rgb(138,136,106)
-
#949160
#949160
rgb(148,145,96)
-
#9d9957
#9d9957
rgb(157,153,87)
-
#a6a14e
#a6a14e
rgb(166,161,78)
-
#b0a944
#b0a944
rgb(176,169,68)
-
#b9b23b
#b9b23b
rgb(185,178,59)
-
#c3ba31
#c3ba31
rgb(195,186,49)
-
#ccc228
#ccc228
rgb(204,194,40)
-
#d5ca1f
#d5ca1f
rgb(213,202,31)
-
#dfd215
#dfd215
rgb(223,210,21)
-
#e8db0c
#e8db0c
rgb(232,219,12)
-
#f2e302
#f2e302
rgb(242,227,2)
Color Blindness Simulator
Below, you can see how #ccc228 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.