#ccf422 Color Information
In a RGB color space, hex #ccf422 is composed of 80% red, 95.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 16.4% cyan, 0% magenta, 86.1% yellow and 4.3% black. It has a hue angle of 71.4 degrees, a saturation of 90.5% and a lightness of 54.5%. #ccf422 color hex could be obtained by blending #ffff44 with #99e900. Closest websafe color is: #ccff33.
-
- R 80
- G 96
- B 13
-
- C 16
- M 0
- Y 86
- K 4
● #ccf422 color description : Vivid yellow.
#ccf422 Color Conversion
The hexadecimal color #ccf422 has RGB values of R:204, G:244, B:34 and CMYK values of C:0.16, M:0, Y:0.86, K:0.04. Its decimal value is 13431842.
Hex triplet | ccf422 | #ccf422 |
---|---|---|
RGB Decimal | 204, 244, 34 | rgb(204,244,34) |
RGB Percent | 80, 95.7, 13.3 | rgb(80%,95.7%,13.3%) |
CMYK | 16, 0, 86, 4 | |
HSL | 71.4°, 90.5, 54.5 | hsl(71.4,90.5%,54.5%) |
HSV (or HSB) | 71.4°, 86.1, 95.7 | |
Web Safe | ccff33 | #ccff33 |
CIE-LAB | 90.622, -36.6, 84.174 |
---|---|
XYZ | 57.541, 77.654, 13.471 |
xyY | 0.387, 0.522, 77.654 |
CIE-LCH | 90.622, 91.787, 113.5 |
CIE-LUV | 90.622, -18.343, 100.28 |
Hunter-Lab | 88.121, -37.657, 52.622 |
Binary | 11001100, 11110100, 00100010 |
Color Schemes with #ccf422
Alternatives to #ccf422
Below, you can see some colors close to #ccf422. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf422 Preview
This text has a font color of #ccf422.
<span style="color:#ccf422;">Text here</span>
This paragraph has a background color of #ccf422.
<p style="background-color:#ccf422;">Content here</p>
This element has a border color of #ccf422.
<div style="border:1px solid #ccf422;">Content here</div>
.text {color:#ccf422;}
.background {background-color:#ccf422;}
.border {border:1px solid #ccf422;}
Shades and Tints of #ccf422
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, #030300 is the darkest color, while #fbfef0 is the lightest one.
-
#030300
#030300
rgb(3,3,0)
-
#121601
#121601
rgb(18,22,1)
-
#212902
#212902
rgb(33,41,2)
-
#313b03
#313b03
rgb(49,59,3)
-
#404e04
#404e04
rgb(64,78,4)
-
#4f6105
#4f6105
rgb(79,97,5)
-
#5e7306
#5e7306
rgb(94,115,6)
-
#6e8607
#6e8607
rgb(110,134,7)
-
#7d9908
#7d9908
rgb(125,153,8)
-
#8cab09
#8cab09
rgb(140,171,9)
-
#9cbe09
#9cbe09
rgb(156,190,9)
-
#abd10a
#abd10a
rgb(171,209,10)
-
#bae30b
#bae30b
rgb(186,227,11)
-
#c8f30f
#c8f30f
rgb(200,243,15)
-
#ccf422
#ccf422
rgb(204,244,34)
-
#d0f535
#d0f535
rgb(208,245,53)
-
#d5f647
#d5f647
rgb(213,246,71)
-
#d9f75a
#d9f75a
rgb(217,247,90)
-
#ddf86d
#ddf86d
rgb(221,248,109)
-
#e2f97f
#e2f97f
rgb(226,249,127)
-
#e6fa92
#e6fa92
rgb(230,250,146)
-
#eafba5
#eafba5
rgb(234,251,165)
-
#eefbb7
#eefbb7
rgb(238,251,183)
-
#f3fcca
#f3fcca
rgb(243,252,202)
-
#f7fddd
#f7fddd
rgb(247,253,221)
-
#fbfef0
#fbfef0
rgb(251,254,240)
Tones of #ccf422
A tone is produced by adding gray to any pure hue. In this case, #8f9284 is the less saturated color, while #d2fd19 is the most saturated one.
-
#8f9284
#8f9284
rgb(143,146,132)
-
#959b7b
#959b7b
rgb(149,155,123)
-
#9aa472
#9aa472
rgb(154,164,114)
-
#a0ad69
#a0ad69
rgb(160,173,105)
-
#a5b660
#a5b660
rgb(165,182,96)
-
#abbe58
#abbe58
rgb(171,190,88)
-
#b0c74f
#b0c74f
rgb(176,199,79)
-
#b6d046
#b6d046
rgb(182,208,70)
-
#bbd93d
#bbd93d
rgb(187,217,61)
-
#c1e234
#c1e234
rgb(193,226,52)
-
#c6eb2b
#c6eb2b
rgb(198,235,43)
-
#ccf422
#ccf422
rgb(204,244,34)
-
#d2fd19
#d2fd19
rgb(210,253,25)
Color Blindness Simulator
Below, you can see how #ccf422 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.