#ccf315 Color Information
In a RGB color space, hex #ccf315 is composed of 80% red, 95.3% green and 8.2% blue. Whereas in a CMYK color space, it is composed of 16% cyan, 0% magenta, 91.4% yellow and 4.7% black. It has a hue angle of 70.5 degrees, a saturation of 90.2% and a lightness of 51.8%. #ccf315 color hex could be obtained by blending #ffff2a with #99e700. Closest websafe color is: #ccff00.
-
- R 80
- G 95
- B 8
-
- C 16
- M 0
- Y 91
- K 5
● #ccf315 color description : Vivid yellow.
#ccf315 Color Conversion
The hexadecimal color #ccf315 has RGB values of R:204, G:243, B:21 and CMYK values of C:0.16, M:0, Y:0.91, K:0.05. Its decimal value is 13431573.
Hex triplet | ccf315 | #ccf315 |
---|---|---|
RGB Decimal | 204, 243, 21 | rgb(204,243,21) |
RGB Percent | 80, 95.3, 8.2 | rgb(80%,95.3%,8.2%) |
CMYK | 16, 0, 91, 5 | |
HSL | 70.5°, 90.2, 51.8 | hsl(70.5,90.2%,51.8%) |
HSV (or HSB) | 70.5°, 91.4, 95.3 | |
Web Safe | ccff00 | #ccff00 |
CIE-LAB | 90.318, -36.406, 85.941 |
---|---|
XYZ | 57.087, 76.992, 12.563 |
xyY | 0.389, 0.525, 76.992 |
CIE-LCH | 90.318, 93.334, 112.958 |
CIE-LUV | 90.318, -17.742, 101.162 |
Hunter-Lab | 87.745, -37.422, 52.933 |
Binary | 11001100, 11110011, 00010101 |
Color Schemes with #ccf315
Alternatives to #ccf315
Below, you can see some colors close to #ccf315. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf315 Preview
This text has a font color of #ccf315.
<span style="color:#ccf315;">Text here</span>
This paragraph has a background color of #ccf315.
<p style="background-color:#ccf315;">Content here</p>
This element has a border color of #ccf315.
<div style="border:1px solid #ccf315;">Content here</div>
.text {color:#ccf315;}
.background {background-color:#ccf315;}
.border {border:1px solid #ccf315;}
Shades and Tints of #ccf315
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, #070900 is the darkest color, while #fdfef5 is the lightest one.
-
#070900
#070900
rgb(7,9,0)
-
#171b01
#171b01
rgb(23,27,1)
-
#262e02
#262e02
rgb(38,46,2)
-
#364103
#364103
rgb(54,65,3)
-
#455304
#455304
rgb(69,83,4)
-
#556605
#556605
rgb(85,102,5)
-
#647906
#647906
rgb(100,121,6)
-
#748b07
#748b07
rgb(116,139,7)
-
#849e08
#849e08
rgb(132,158,8)
-
#93b009
#93b009
rgb(147,176,9)
-
#a3c30a
#a3c30a
rgb(163,195,10)
-
#b2d60b
#b2d60b
rgb(178,214,11)
-
#c2e80c
#c2e80c
rgb(194,232,12)
-
#ccf315
#ccf315
rgb(204,243,21)
-
#d0f428
#d0f428
rgb(208,244,40)
-
#d4f53a
#d4f53a
rgb(212,245,58)
-
#d8f64d
#d8f64d
rgb(216,246,77)
-
#dcf760
#dcf760
rgb(220,247,96)
-
#e0f872
#e0f872
rgb(224,248,114)
-
#e4f985
#e4f985
rgb(228,249,133)
-
#e8fa98
#e8fa98
rgb(232,250,152)
-
#edfbaa
#edfbaa
rgb(237,251,170)
-
#f1fcbd
#f1fcbd
rgb(241,252,189)
-
#f5fdd0
#f5fdd0
rgb(245,253,208)
-
#f9fee2
#f9fee2
rgb(249,254,226)
-
#fdfef5
#fdfef5
rgb(253,254,245)
Tones of #ccf315
A tone is produced by adding gray to any pure hue. In this case, #888b7d is the less saturated color, while #d2fc0c is the most saturated one.
-
#888b7d
#888b7d
rgb(136,139,125)
-
#8f9474
#8f9474
rgb(143,148,116)
-
#959e6a
#959e6a
rgb(149,158,106)
-
#9ba761
#9ba761
rgb(155,167,97)
-
#a1b157
#a1b157
rgb(161,177,87)
-
#a7ba4e
#a7ba4e
rgb(167,186,78)
-
#adc444
#adc444
rgb(173,196,68)
-
#b3cd3b
#b3cd3b
rgb(179,205,59)
-
#bad731
#bad731
rgb(186,215,49)
-
#c0e028
#c0e028
rgb(192,224,40)
-
#c6ea1e
#c6ea1e
rgb(198,234,30)
-
#ccf315
#ccf315
rgb(204,243,21)
-
#d2fc0c
#d2fc0c
rgb(210,252,12)
Color Blindness Simulator
Below, you can see how #ccf315 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.