#ccdd22 Color Information
In a RGB color space, hex #ccdd22 is composed of 80% red, 86.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 0% magenta, 84.6% yellow and 13.3% black. It has a hue angle of 65.5 degrees, a saturation of 73.3% and a lightness of 50%. #ccdd22 color hex could be obtained by blending #ffff44 with #99bb00. Closest websafe color is: #cccc33.
-
- R 80
- G 87
- B 13
-
- C 8
- M 0
- Y 85
- K 13
● #ccdd22 color description : Bright yellow.
#ccdd22 Color Conversion
The hexadecimal color #ccdd22 has RGB values of R:204, G:221, B:34 and CMYK values of C:0.08, M:0, Y:0.85, K:0.13. Its decimal value is 13425954.
Hex triplet | ccdd22 | #ccdd22 |
---|---|---|
RGB Decimal | 204, 221, 34 | rgb(204,221,34) |
RGB Percent | 80, 86.7, 13.3 | rgb(80%,86.7%,13.3%) |
CMYK | 8, 0, 85, 13 | |
HSL | 65.5°, 73.3, 50 | hsl(65.5,73.3%,50%) |
HSV (or HSB) | 65.5°, 84.6, 86.7 | |
Web Safe | cccc33 | #cccc33 |
CIE-LAB | 84.311, -25.952, 78.947 |
---|---|
XYZ | 51.047, 64.666, 11.306 |
xyY | 0.402, 0.509, 64.666 |
CIE-LCH | 84.311, 83.103, 108.197 |
CIE-LUV | 84.311, -4.701, 91.345 |
Hunter-Lab | 80.415, -27.416, 47.955 |
Binary | 11001100, 11011101, 00100010 |
Color Schemes with #ccdd22
Alternatives to #ccdd22
Below, you can see some colors close to #ccdd22. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccdd22 Preview
This text has a font color of #ccdd22.
<span style="color:#ccdd22;">Text here</span>
This paragraph has a background color of #ccdd22.
<p style="background-color:#ccdd22;">Content here</p>
This element has a border color of #ccdd22.
<div style="border:1px solid #ccdd22;">Content here</div>
.text {color:#ccdd22;}
.background {background-color:#ccdd22;}
.border {border:1px solid #ccdd22;}
Shades and Tints of #ccdd22
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, #101103 is the darkest color, while #ffffff is the lightest one.
-
#101103
#101103
rgb(16,17,3)
-
#1f2205
#1f2205
rgb(31,34,5)
-
#2f3308
#2f3308
rgb(47,51,8)
-
#3f440a
#3f440a
rgb(63,68,10)
-
#4e550d
#4e550d
rgb(78,85,13)
-
#5e6610
#5e6610
rgb(94,102,16)
-
#6e7712
#6e7712
rgb(110,119,18)
-
#7e8815
#7e8815
rgb(126,136,21)
-
#8d9918
#8d9918
rgb(141,153,24)
-
#9daa1a
#9daa1a
rgb(157,170,26)
-
#adbb1d
#adbb1d
rgb(173,187,29)
-
#bccc1f
#bccc1f
rgb(188,204,31)
-
#ccdd22
#ccdd22
rgb(204,221,34)
-
#d0e033
#d0e033
rgb(208,224,51)
-
#d4e244
#d4e244
rgb(212,226,68)
-
#d8e555
#d8e555
rgb(216,229,85)
-
#dce766
#dce766
rgb(220,231,102)
-
#e0ea77
#e0ea77
rgb(224,234,119)
-
#e4ed88
#e4ed88
rgb(228,237,136)
-
#e7ef99
#e7ef99
rgb(231,239,153)
-
#ebf2aa
#ebf2aa
rgb(235,242,170)
-
#eff5bb
#eff5bb
rgb(239,245,187)
-
#f3f7cc
#f3f7cc
rgb(243,247,204)
-
#f7fadd
#f7fadd
rgb(247,250,221)
-
#fbfcee
#fbfcee
rgb(251,252,238)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #ccdd22
A tone is produced by adding gray to any pure hue. In this case, #84857a is the less saturated color, while #e4fa05 is the most saturated one.
-
#84857a
#84857a
rgb(132,133,122)
-
#8c8f70
#8c8f70
rgb(140,143,112)
-
#949867
#949867
rgb(148,152,103)
-
#9ca25d
#9ca25d
rgb(156,162,93)
-
#a4ac53
#a4ac53
rgb(164,172,83)
-
#acb649
#acb649
rgb(172,182,73)
-
#b4c03f
#b4c03f
rgb(180,192,63)
-
#bcc936
#bcc936
rgb(188,201,54)
-
#c4d32c
#c4d32c
rgb(196,211,44)
-
#ccdd22
#ccdd22
rgb(204,221,34)
-
#d4e718
#d4e718
rgb(212,231,24)
-
#dcf10e
#dcf10e
rgb(220,241,14)
-
#e4fa05
#e4fa05
rgb(228,250,5)
Color Blindness Simulator
Below, you can see how #ccdd22 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.