#ccd222 Color Information
In a RGB color space, hex #ccd222 is composed of 80% red, 82.4% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 2.9% cyan, 0% magenta, 83.8% yellow and 17.6% black. It has a hue angle of 62 degrees, a saturation of 72.1% and a lightness of 47.8%. #ccd222 color hex could be obtained by blending #ffff44 with #99a500. Closest websafe color is: #cccc33.
-
- R 80
- G 82
- B 13
-
- C 3
- M 0
- Y 84
- K 18
● #ccd222 color description : Strong yellow.
#ccd222 Color Conversion
The hexadecimal color #ccd222 has RGB values of R:204, G:210, B:34 and CMYK values of C:0.03, M:0, Y:0.84, K:0.18. Its decimal value is 13423138.
Hex triplet | ccd222 | #ccd222 |
---|---|---|
RGB Decimal | 204, 210, 34 | rgb(204,210,34) |
RGB Percent | 80, 82.4, 13.3 | rgb(80%,82.4%,13.3%) |
CMYK | 3, 0, 84, 18 | |
HSL | 62°, 72.1, 47.8 | hsl(62,72.1%,47.8%) |
HSV (or HSB) | 62°, 83.8, 82.4 | |
Web Safe | cccc33 | #cccc33 |
CIE-LAB | 81.317, -20.644, 76.455 |
---|---|
XYZ | 48.237, 59.047, 10.369 |
xyY | 0.41, 0.502, 59.047 |
CIE-LCH | 81.317, 79.193, 105.11 |
CIE-LUV | 81.317, 2.217, 87.035 |
Hunter-Lab | 76.842, -22.42, 45.788 |
Binary | 11001100, 11010010, 00100010 |
Color Schemes with #ccd222
Alternatives to #ccd222
Below, you can see some colors close to #ccd222. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd222 Preview
This text has a font color of #ccd222.
<span style="color:#ccd222;">Text here</span>
This paragraph has a background color of #ccd222.
<p style="background-color:#ccd222;">Content here</p>
This element has a border color of #ccd222.
<div style="border:1px solid #ccd222;">Content here</div>
.text {color:#ccd222;}
.background {background-color:#ccd222;}
.border {border:1px solid #ccd222;}
Shades and Tints of #ccd222
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)
-
#181804
#181804
rgb(24,24,4)
-
#282907
#282907
rgb(40,41,7)
-
#383a09
#383a09
rgb(56,58,9)
-
#494b0c
#494b0c
rgb(73,75,12)
-
#595c0f
#595c0f
rgb(89,92,15)
-
#6a6d12
#6a6d12
rgb(106,109,18)
-
#7a7e14
#7a7e14
rgb(122,126,20)
-
#8a8e17
#8a8e17
rgb(138,142,23)
-
#9b9f1a
#9b9f1a
rgb(155,159,26)
-
#abb01d
#abb01d
rgb(171,176,29)
-
#bcc11f
#bcc11f
rgb(188,193,31)
-
#ccd222
#ccd222
rgb(204,210,34)
-
#d7dd2b
#d7dd2b
rgb(215,221,43)
-
#dadf3c
#dadf3c
rgb(218,223,60)
-
#dde24d
#dde24d
rgb(221,226,77)
-
#e0e55e
#e0e55e
rgb(224,229,94)
-
#e3e86e
#e3e86e
rgb(227,232,110)
-
#e7ea7f
#e7ea7f
rgb(231,234,127)
-
#eaed90
#eaed90
rgb(234,237,144)
-
#edf0a1
#edf0a1
rgb(237,240,161)
-
#f0f3b2
#f0f3b2
rgb(240,243,178)
-
#f4f5c3
#f4f5c3
rgb(244,245,195)
-
#f7f8d4
#f7f8d4
rgb(247,248,212)
-
#fafbe5
#fafbe5
rgb(250,251,229)
-
#fdfdf6
#fdfdf6
rgb(253,253,246)
Tones of #ccd222
A tone is produced by adding gray to any pure hue. In this case, #7d7e76 is the less saturated color, while #e6ee06 is the most saturated one.
-
#7d7e76
#7d7e76
rgb(125,126,118)
-
#86876d
#86876d
rgb(134,135,109)
-
#8f9064
#8f9064
rgb(143,144,100)
-
#989a5a
#989a5a
rgb(152,154,90)
-
#a0a351
#a0a351
rgb(160,163,81)
-
#a9ac48
#a9ac48
rgb(169,172,72)
-
#b2b63e
#b2b63e
rgb(178,182,62)
-
#bbbf35
#bbbf35
rgb(187,191,53)
-
#c3c92b
#c3c92b
rgb(195,201,43)
-
#ccd222
#ccd222
rgb(204,210,34)
-
#d5db19
#d5db19
rgb(213,219,25)
-
#dde50f
#dde50f
rgb(221,229,15)
-
#e6ee06
#e6ee06
rgb(230,238,6)
Color Blindness Simulator
Below, you can see how #ccd222 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.