#ccea22 Color Information
In a RGB color space, hex #ccea22 is composed of 80% red, 91.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 12.8% cyan, 0% magenta, 85.5% yellow and 8.2% black. It has a hue angle of 69 degrees, a saturation of 82.6% and a lightness of 52.5%. #ccea22 color hex could be obtained by blending #ffff44 with #99d500. Closest websafe color is: #ccff33.
-
- R 80
- G 92
- B 13
-
- C 13
- M 0
- Y 85
- K 8
● #ccea22 color description : Vivid yellow.
#ccea22 Color Conversion
The hexadecimal color #ccea22 has RGB values of R:204, G:234, B:34 and CMYK values of C:0.13, M:0, Y:0.85, K:0.08. Its decimal value is 13429282.
Hex triplet | ccea22 | #ccea22 |
---|---|---|
RGB Decimal | 204, 234, 34 | rgb(204,234,34) |
RGB Percent | 80, 91.8, 13.3 | rgb(80%,91.8%,13.3%) |
CMYK | 13, 0, 85, 8 | |
HSL | 69°, 82.6, 52.5 | hsl(69,82.6%,52.5%) |
HSV (or HSB) | 69°, 85.5, 91.8 | |
Web Safe | ccff33 | #ccff33 |
CIE-LAB | 87.871, -32.045, 81.899 |
---|---|
XYZ | 54.613, 71.798, 12.495 |
xyY | 0.393, 0.517, 71.798 |
CIE-LCH | 87.871, 87.945, 111.369 |
CIE-LUV | 87.871, -12.543, 96.409 |
Hunter-Lab | 84.734, -33.237, 50.571 |
Binary | 11001100, 11101010, 00100010 |
Color Schemes with #ccea22
Alternatives to #ccea22
Below, you can see some colors close to #ccea22. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccea22 Preview
This text has a font color of #ccea22.
<span style="color:#ccea22;">Text here</span>
This paragraph has a background color of #ccea22.
<p style="background-color:#ccea22;">Content here</p>
This element has a border color of #ccea22.
<div style="border:1px solid #ccea22;">Content here</div>
.text {color:#ccea22;}
.background {background-color:#ccea22;}
.border {border:1px solid #ccea22;}
Shades and Tints of #ccea22
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, #0a0c01 is the darkest color, while #fefef9 is the lightest one.
-
#0a0c01
#0a0c01
rgb(10,12,1)
-
#1a1e03
#1a1e03
rgb(26,30,3)
-
#293005
#293005
rgb(41,48,5)
-
#394206
#394206
rgb(57,66,6)
-
#485408
#485408
rgb(72,84,8)
-
#58650a
#58650a
rgb(88,101,10)
-
#67770b
#67770b
rgb(103,119,11)
-
#77890d
#77890d
rgb(119,137,13)
-
#869b0f
#869b0f
rgb(134,155,15)
-
#96ad10
#96ad10
rgb(150,173,16)
-
#a5bf12
#a5bf12
rgb(165,191,18)
-
#b5d114
#b5d114
rgb(181,209,20)
-
#c4e316
#c4e316
rgb(196,227,22)
-
#ccea22
#ccea22
rgb(204,234,34)
-
#d0ec34
#d0ec34
rgb(208,236,52)
-
#d4ed46
#d4ed46
rgb(212,237,70)
-
#d8ef58
#d8ef58
rgb(216,239,88)
-
#ddf16a
#ddf16a
rgb(221,241,106)
-
#e1f37c
#e1f37c
rgb(225,243,124)
-
#e5f48d
#e5f48d
rgb(229,244,141)
-
#e9f69f
#e9f69f
rgb(233,246,159)
-
#edf8b1
#edf8b1
rgb(237,248,177)
-
#f1f9c3
#f1f9c3
rgb(241,249,195)
-
#f5fbd5
#f5fbd5
rgb(245,251,213)
-
#f9fde7
#f9fde7
rgb(249,253,231)
-
#fefef9
#fefef9
rgb(254,254,249)
Tones of #ccea22
A tone is produced by adding gray to any pure hue. In this case, #8b8d7f is the less saturated color, while #d9fd0f is the most saturated one.
-
#8b8d7f
#8b8d7f
rgb(139,141,127)
-
#919676
#919676
rgb(145,150,118)
-
#98a06c
#98a06c
rgb(152,160,108)
-
#9ea963
#9ea963
rgb(158,169,99)
-
#a5b25a
#a5b25a
rgb(165,178,90)
-
#abbb51
#abbb51
rgb(171,187,81)
-
#b2c547
#b2c547
rgb(178,197,71)
-
#b8ce3e
#b8ce3e
rgb(184,206,62)
-
#bfd735
#bfd735
rgb(191,215,53)
-
#c5e12b
#c5e12b
rgb(197,225,43)
-
#ccea22
#ccea22
rgb(204,234,34)
-
#d3f319
#d3f319
rgb(211,243,25)
-
#d9fd0f
#d9fd0f
rgb(217,253,15)
Color Blindness Simulator
Below, you can see how #ccea22 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.