#ccf022 Color Information
In a RGB color space, hex #ccf022 is composed of 80% red, 94.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 0% magenta, 85.8% yellow and 5.9% black. It has a hue angle of 70.5 degrees, a saturation of 87.3% and a lightness of 53.7%. #ccf022 color hex could be obtained by blending #ffff44 with #99e100. Closest websafe color is: #ccff33.
-
- R 80
- G 94
- B 13
-
- C 15
- M 0
- Y 86
- K 6
● #ccf022 color description : Vivid yellow.
#ccf022 Color Conversion
The hexadecimal color #ccf022 has RGB values of R:204, G:240, B:34 and CMYK values of C:0.15, M:0, Y:0.86, K:0.06. Its decimal value is 13430818.
Hex triplet | ccf022 | #ccf022 |
---|---|---|
RGB Decimal | 204, 240, 34 | rgb(204,240,34) |
RGB Percent | 80, 94.1, 13.3 | rgb(80%,94.1%,13.3%) |
CMYK | 15, 0, 86, 6 | |
HSL | 70.5°, 87.3, 53.7 | hsl(70.5,87.3%,53.7%) |
HSV (or HSB) | 70.5°, 85.8, 94.1 | |
Web Safe | ccff33 | #ccff33 |
CIE-LAB | 89.521, -34.792, 83.264 |
---|---|
XYZ | 56.35, 75.273, 13.074 |
xyY | 0.389, 0.52, 75.273 |
CIE-LCH | 89.521, 90.24, 112.678 |
CIE-LUV | 89.521, -16.047, 98.734 |
Hunter-Lab | 86.76, -35.895, 51.798 |
Binary | 11001100, 11110000, 00100010 |
Color Schemes with #ccf022
Alternatives to #ccf022
Below, you can see some colors close to #ccf022. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf022 Preview
This text has a font color of #ccf022.
<span style="color:#ccf022;">Text here</span>
This paragraph has a background color of #ccf022.
<p style="background-color:#ccf022;">Content here</p>
This element has a border color of #ccf022.
<div style="border:1px solid #ccf022;">Content here</div>
.text {color:#ccf022;}
.background {background-color:#ccf022;}
.border {border:1px solid #ccf022;}
Shades and Tints of #ccf022
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, #0f1201 is the darkest color, while #fffffe is the lightest one.
-
#0f1201
#0f1201
rgb(15,18,1)
-
#1e2402
#1e2402
rgb(30,36,2)
-
#2e3704
#2e3704
rgb(46,55,4)
-
#3d4905
#3d4905
rgb(61,73,5)
-
#4c5b06
#4c5b06
rgb(76,91,6)
-
#5c6e07
#5c6e07
rgb(92,110,7)
-
#6b8009
#6b8009
rgb(107,128,9)
-
#7b920a
#7b920a
rgb(123,146,10)
-
#8aa50b
#8aa50b
rgb(138,165,11)
-
#99b70c
#99b70c
rgb(153,183,12)
-
#a9c90e
#a9c90e
rgb(169,201,14)
-
#b8dc0f
#b8dc0f
rgb(184,220,15)
-
#c7ee10
#c7ee10
rgb(199,238,16)
-
#ccf022
#ccf022
rgb(204,240,34)
-
#d0f134
#d0f134
rgb(208,241,52)
-
#d4f247
#d4f247
rgb(212,242,71)
-
#d9f459
#d9f459
rgb(217,244,89)
-
#ddf56b
#ddf56b
rgb(221,245,107)
-
#e1f67e
#e1f67e
rgb(225,246,126)
-
#e5f790
#e5f790
rgb(229,247,144)
-
#eaf9a3
#eaf9a3
rgb(234,249,163)
-
#eefab5
#eefab5
rgb(238,250,181)
-
#f2fbc7
#f2fbc7
rgb(242,251,199)
-
#f6fcda
#f6fcda
rgb(246,252,218)
-
#fbfeec
#fbfeec
rgb(251,254,236)
-
#fffffe
#fffffe
rgb(255,255,254)
Tones of #ccf022
A tone is produced by adding gray to any pure hue. In this case, #8b8c86 is the less saturated color, while #d2f919 is the most saturated one.
-
#8b8c86
#8b8c86
rgb(139,140,134)
-
#91957d
#91957d
rgb(145,149,125)
-
#979e74
#979e74
rgb(151,158,116)
-
#9da76b
#9da76b
rgb(157,167,107)
-
#a3b062
#a3b062
rgb(163,176,98)
-
#a9ba58
#a9ba58
rgb(169,186,88)
-
#aec34f
#aec34f
rgb(174,195,79)
-
#b4cc46
#b4cc46
rgb(180,204,70)
-
#bad53d
#bad53d
rgb(186,213,61)
-
#c0de34
#c0de34
rgb(192,222,52)
-
#c6e72b
#c6e72b
rgb(198,231,43)
-
#ccf022
#ccf022
rgb(204,240,34)
-
#d2f919
#d2f919
rgb(210,249,25)
Color Blindness Simulator
Below, you can see how #ccf022 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.