#ccf308 Color Information
In a RGB color space, hex #ccf308 is composed of 80% red, 95.3% green and 3.1% blue. Whereas in a CMYK color space, it is composed of 16% cyan, 0% magenta, 96.7% yellow and 4.7% black. It has a hue angle of 70 degrees, a saturation of 93.6% and a lightness of 49.2%. #ccf308 color hex could be obtained by blending #ffff10 with #99e700. Closest websafe color is: #ccff00.
-
- R 80
- G 95
- B 3
-
- C 16
- M 0
- Y 97
- K 5
● #ccf308 color description : Vivid yellow.
#ccf308 Color Conversion
The hexadecimal color #ccf308 has RGB values of R:204, G:243, B:8 and CMYK values of C:0.16, M:0, Y:0.97, K:0.05. Its decimal value is 13431560.
Hex triplet | ccf308 | #ccf308 |
---|---|---|
RGB Decimal | 204, 243, 8 | rgb(204,243,8) |
RGB Percent | 80, 95.3, 3.1 | rgb(80%,95.3%,3.1%) |
CMYK | 16, 0, 97, 5 | |
HSL | 70°, 93.6, 49.2 | hsl(70,93.6%,49.2%) |
HSV (or HSB) | 70°, 96.7, 95.3 | |
Web Safe | ccff00 | #ccff00 |
CIE-LAB | 90.301, -36.558, 87.173 |
---|---|
XYZ | 56.996, 76.956, 12.081 |
xyY | 0.39, 0.527, 76.956 |
CIE-LCH | 90.301, 94.529, 112.752 |
CIE-LUV | 90.301, -17.724, 101.922 |
Hunter-Lab | 87.724, -37.544, 53.242 |
Binary | 11001100, 11110011, 00001000 |
Color Schemes with #ccf308
Alternatives to #ccf308
Below, you can see some colors close to #ccf308. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf308 Preview
This text has a font color of #ccf308.
<span style="color:#ccf308;">Text here</span>
This paragraph has a background color of #ccf308.
<p style="background-color:#ccf308;">Content here</p>
This element has a border color of #ccf308.
<div style="border:1px solid #ccf308;">Content here</div>
.text {color:#ccf308;}
.background {background-color:#ccf308;}
.border {border:1px solid #ccf308;}
Shades and Tints of #ccf308
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, #0d0f00 is the darkest color, while #fefffb is the lightest one.
-
#0d0f00
#0d0f00
rgb(13,15,0)
-
#1d2201
#1d2201
rgb(29,34,1)
-
#2d3502
#2d3502
rgb(45,53,2)
-
#3d4802
#3d4802
rgb(61,72,2)
-
#4c5b03
#4c5b03
rgb(76,91,3)
-
#5c6e04
#5c6e04
rgb(92,110,4)
-
#6c8104
#6c8104
rgb(108,129,4)
-
#7c9405
#7c9405
rgb(124,148,5)
-
#8ca705
#8ca705
rgb(140,167,5)
-
#9cba06
#9cba06
rgb(156,186,6)
-
#accd07
#accd07
rgb(172,205,7)
-
#bce007
#bce007
rgb(188,224,7)
-
#ccf308
#ccf308
rgb(204,243,8)
-
#d2f717
#d2f717
rgb(210,247,23)
-
#d6f82a
#d6f82a
rgb(214,248,42)
-
#daf93d
#daf93d
rgb(218,249,61)
-
#ddf950
#ddf950
rgb(221,249,80)
-
#e1fa63
#e1fa63
rgb(225,250,99)
-
#e5fa76
#e5fa76
rgb(229,250,118)
-
#e8fb89
#e8fb89
rgb(232,251,137)
-
#ecfc9c
#ecfc9c
rgb(236,252,156)
-
#f0fcaf
#f0fcaf
rgb(240,252,175)
-
#f3fdc2
#f3fdc2
rgb(243,253,194)
-
#f7fed5
#f7fed5
rgb(247,254,213)
-
#fbfee8
#fbfee8
rgb(251,254,232)
-
#fefffb
#fefffb
rgb(254,255,251)
Tones of #ccf308
A tone is produced by adding gray to any pure hue. In this case, #7f7f7c is the less saturated color, while #ccf308 is the most saturated one.
-
#7f7f7c
#7f7f7c
rgb(127,127,124)
-
#858972
#858972
rgb(133,137,114)
-
#8c9269
#8c9269
rgb(140,146,105)
-
#929c5f
#929c5f
rgb(146,156,95)
-
#98a655
#98a655
rgb(152,166,85)
-
#9faf4c
#9faf4c
rgb(159,175,76)
-
#a5b942
#a5b942
rgb(165,185,66)
-
#acc338
#acc338
rgb(172,195,56)
-
#b2cc2f
#b2cc2f
rgb(178,204,47)
-
#b9d625
#b9d625
rgb(185,214,37)
-
#bfe01b
#bfe01b
rgb(191,224,27)
-
#c6e912
#c6e912
rgb(198,233,18)
-
#ccf308
#ccf308
rgb(204,243,8)
Color Blindness Simulator
Below, you can see how #ccf308 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.