#ccf822 Color Information
In a RGB color space, hex #ccf822 is composed of 80% red, 97.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 17.7% cyan, 0% magenta, 86.3% yellow and 2.7% black. It has a hue angle of 72.3 degrees, a saturation of 93.9% and a lightness of 55.3%. #ccf822 color hex could be obtained by blending #ffff44 with #99f100. Closest websafe color is: #ccff33.
-
- R 80
- G 97
- B 13
-
- C 18
- M 0
- Y 86
- K 3
● #ccf822 color description : Vivid yellow.
#ccf822 Color Conversion
The hexadecimal color #ccf822 has RGB values of R:204, G:248, B:34 and CMYK values of C:0.18, M:0, Y:0.86, K:0.03. Its decimal value is 13432866.
Hex triplet | ccf822 | #ccf822 |
---|---|---|
RGB Decimal | 204, 248, 34 | rgb(204,248,34) |
RGB Percent | 80, 97.3, 13.3 | rgb(80%,97.3%,13.3%) |
CMYK | 18, 0, 86, 3 | |
HSL | 72.3°, 93.9, 55.3 | hsl(72.3,93.9%,55.3%) |
HSV (or HSB) | 72.3°, 86.3, 97.3 | |
Web Safe | ccff33 | #ccff33 |
CIE-LAB | 91.724, -38.391, 85.084 |
---|---|
XYZ | 58.757, 80.087, 13.876 |
xyY | 0.385, 0.524, 80.087 |
CIE-LCH | 91.724, 93.344, 114.285 |
CIE-LUV | 91.724, -20.608, 101.822 |
Hunter-Lab | 89.491, -39.412, 53.451 |
Binary | 11001100, 11111000, 00100010 |
Color Schemes with #ccf822
Alternatives to #ccf822
Below, you can see some colors close to #ccf822. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf822 Preview
This text has a font color of #ccf822.
<span style="color:#ccf822;">Text here</span>
This paragraph has a background color of #ccf822.
<p style="background-color:#ccf822;">Content here</p>
This element has a border color of #ccf822.
<div style="border:1px solid #ccf822;">Content here</div>
.text {color:#ccf822;}
.background {background-color:#ccf822;}
.border {border:1px solid #ccf822;}
Shades and Tints of #ccf822
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, #060700 is the darkest color, while #fcfff3 is the lightest one.
-
#060700
#060700
rgb(6,7,0)
-
#151a01
#151a01
rgb(21,26,1)
-
#242d01
#242d01
rgb(36,45,1)
-
#334002
#334002
rgb(51,64,2)
-
#435303
#435303
rgb(67,83,3)
-
#526603
#526603
rgb(82,102,3)
-
#617904
#617904
rgb(97,121,4)
-
#708c04
#708c04
rgb(112,140,4)
-
#809f05
#809f05
rgb(128,159,5)
-
#8fb206
#8fb206
rgb(143,178,6)
-
#9ec506
#9ec506
rgb(158,197,6)
-
#add807
#add807
rgb(173,216,7)
-
#bceb07
#bceb07
rgb(188,235,7)
-
#c8f70f
#c8f70f
rgb(200,247,15)
-
#ccf822
#ccf822
rgb(204,248,34)
-
#d0f935
#d0f935
rgb(208,249,53)
-
#d5f948
#d5f948
rgb(213,249,72)
-
#d9fa5b
#d9fa5b
rgb(217,250,91)
-
#defa6e
#defa6e
rgb(222,250,110)
-
#e2fb81
#e2fb81
rgb(226,251,129)
-
#e6fc94
#e6fc94
rgb(230,252,148)
-
#ebfca7
#ebfca7
rgb(235,252,167)
-
#effdba
#effdba
rgb(239,253,186)
-
#f3fdcd
#f3fdcd
rgb(243,253,205)
-
#f8fee0
#f8fee0
rgb(248,254,224)
-
#fcfff3
#fcfff3
rgb(252,255,243)
Tones of #ccf822
A tone is produced by adding gray to any pure hue. In this case, #8e8f8b is the less saturated color, while #ccf822 is the most saturated one.
-
#8e8f8b
#8e8f8b
rgb(142,143,139)
-
#939882
#939882
rgb(147,152,130)
-
#98a07a
#98a07a
rgb(152,160,122)
-
#9ea971
#9ea971
rgb(158,169,113)
-
#a3b268
#a3b268
rgb(163,178,104)
-
#a8bb5f
#a8bb5f
rgb(168,187,95)
-
#adc357
#adc357
rgb(173,195,87)
-
#b2cc4e
#b2cc4e
rgb(178,204,78)
-
#b7d545
#b7d545
rgb(183,213,69)
-
#bdde3c
#bdde3c
rgb(189,222,60)
-
#c2e634
#c2e634
rgb(194,230,52)
-
#c7ef2b
#c7ef2b
rgb(199,239,43)
-
#ccf822
#ccf822
rgb(204,248,34)
Color Blindness Simulator
Below, you can see how #ccf822 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.