#ccf821 Color Information
In a RGB color space, hex #ccf821 is composed of 80% red, 97.3% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 17.7% cyan, 0% magenta, 86.7% yellow and 2.7% black. It has a hue angle of 72.3 degrees, a saturation of 93.9% and a lightness of 55.1%. #ccf821 color hex could be obtained by blending #ffff42 with #99f100. Closest websafe color is: #ccff33.
-
- R 80
- G 97
- B 13
-
- C 18
- M 0
- Y 87
- K 3
● #ccf821 color description : Vivid yellow.
#ccf821 Color Conversion
The hexadecimal color #ccf821 has RGB values of R:204, G:248, B:33 and CMYK values of C:0.18, M:0, Y:0.87, K:0.03. Its decimal value is 13432865.
Hex triplet | ccf821 | #ccf821 |
---|---|---|
RGB Decimal | 204, 248, 33 | rgb(204,248,33) |
RGB Percent | 80, 97.3, 12.9 | rgb(80%,97.3%,12.9%) |
CMYK | 18, 0, 87, 3 | |
HSL | 72.3°, 93.9, 55.1 | hsl(72.3,93.9%,55.1%) |
HSV (or HSB) | 72.3°, 86.7, 97.3 | |
Web Safe | ccff33 | #ccff33 |
CIE-LAB | 91.721, -38.414, 85.261 |
---|---|
XYZ | 58.743, 80.081, 13.801 |
xyY | 0.385, 0.525, 80.081 |
CIE-LCH | 91.721, 93.515, 114.254 |
CIE-LUV | 91.721, -20.606, 101.937 |
Hunter-Lab | 89.488, -39.431, 53.498 |
Binary | 11001100, 11111000, 00100001 |
Color Schemes with #ccf821
Alternatives to #ccf821
Below, you can see some colors close to #ccf821. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf821 Preview
This text has a font color of #ccf821.
<span style="color:#ccf821;">Text here</span>
This paragraph has a background color of #ccf821.
<p style="background-color:#ccf821;">Content here</p>
This element has a border color of #ccf821.
<div style="border:1px solid #ccf821;">Content here</div>
.text {color:#ccf821;}
.background {background-color:#ccf821;}
.border {border:1px solid #ccf821;}
Shades and Tints of #ccf821
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, #050600 is the darkest color, while #fcfff2 is the lightest one.
-
#050600
#050600
rgb(5,6,0)
-
#141901
#141901
rgb(20,25,1)
-
#232c01
#232c01
rgb(35,44,1)
-
#333f02
#333f02
rgb(51,63,2)
-
#425203
#425203
rgb(66,82,3)
-
#516503
#516503
rgb(81,101,3)
-
#607804
#607804
rgb(96,120,4)
-
#708b04
#708b04
rgb(112,139,4)
-
#7f9e05
#7f9e05
rgb(127,158,5)
-
#8eb106
#8eb106
rgb(142,177,6)
-
#9dc406
#9dc406
rgb(157,196,6)
-
#add707
#add707
rgb(173,215,7)
-
#bcea07
#bcea07
rgb(188,234,7)
-
#c8f70e
#c8f70e
rgb(200,247,14)
-
#ccf821
#ccf821
rgb(204,248,33)
-
#d0f934
#d0f934
rgb(208,249,52)
-
#d5f947
#d5f947
rgb(213,249,71)
-
#d9fa5a
#d9fa5a
rgb(217,250,90)
-
#ddfa6d
#ddfa6d
rgb(221,250,109)
-
#e2fb80
#e2fb80
rgb(226,251,128)
-
#e6fc93
#e6fc93
rgb(230,252,147)
-
#ebfca6
#ebfca6
rgb(235,252,166)
-
#effdb9
#effdb9
rgb(239,253,185)
-
#f3fdcc
#f3fdcc
rgb(243,253,204)
-
#f8fedf
#f8fedf
rgb(248,254,223)
-
#fcfff2
#fcfff2
rgb(252,255,242)
Tones of #ccf821
A tone is produced by adding gray to any pure hue. In this case, #8e8e8b is the less saturated color, while #ccf821 is the most saturated one.
-
#8e8e8b
#8e8e8b
rgb(142,142,139)
-
#939782
#939782
rgb(147,151,130)
-
#98a079
#98a079
rgb(152,160,121)
-
#9da970
#9da970
rgb(157,169,112)
-
#a2b267
#a2b267
rgb(162,178,103)
-
#a8ba5f
#a8ba5f
rgb(168,186,95)
-
#adc356
#adc356
rgb(173,195,86)
-
#b2cc4d
#b2cc4d
rgb(178,204,77)
-
#b7d544
#b7d544
rgb(183,213,68)
-
#bcde3b
#bcde3b
rgb(188,222,59)
-
#c2e633
#c2e633
rgb(194,230,51)
-
#c7ef2a
#c7ef2a
rgb(199,239,42)
-
#ccf821
#ccf821
rgb(204,248,33)
Color Blindness Simulator
Below, you can see how #ccf821 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.