#ccf106 Color Information
In a RGB color space, hex #ccf106 is composed of 80% red, 94.5% green and 2.4% blue. Whereas in a CMYK color space, it is composed of 15.4% cyan, 0% magenta, 97.5% yellow and 5.5% black. It has a hue angle of 69.4 degrees, a saturation of 95.1% and a lightness of 48.4%. #ccf106 color hex could be obtained by blending #ffff0c with #99e300. Closest websafe color is: #ccff00.
-
- R 80
- G 95
- B 2
-
- C 15
- M 0
- Y 98
- K 5
● #ccf106 color description : Vivid yellow.
#ccf106 Color Conversion
The hexadecimal color #ccf106 has RGB values of R:204, G:241, B:6 and CMYK values of C:0.15, M:0, Y:0.98, K:0.05. Its decimal value is 13431046.
Hex triplet | ccf106 | #ccf106 |
---|---|---|
RGB Decimal | 204, 241, 6 | rgb(204,241,6) |
RGB Percent | 80, 94.5, 2.4 | rgb(80%,94.5%,2.4%) |
CMYK | 15, 0, 98, 5 | |
HSL | 69.4°, 95.1, 48.4 | hsl(69.4,95.1%,48.4%) |
HSV (or HSB) | 69.4°, 97.5, 94.5 | |
Web Safe | ccff00 | #ccff00 |
CIE-LAB | 89.748, -35.675, 86.904 |
---|---|
XYZ | 56.39, 75.761, 11.825 |
xyY | 0.392, 0.526, 75.761 |
CIE-LCH | 89.748, 93.941, 112.319 |
CIE-LUV | 89.748, -16.569, 101.259 |
Hunter-Lab | 87.041, -36.679, 52.874 |
Binary | 11001100, 11110001, 00000110 |
Color Schemes with #ccf106
Alternatives to #ccf106
Below, you can see some colors close to #ccf106. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf106 Preview
This text has a font color of #ccf106.
<span style="color:#ccf106;">Text here</span>
This paragraph has a background color of #ccf106.
<p style="background-color:#ccf106;">Content here</p>
This element has a border color of #ccf106.
<div style="border:1px solid #ccf106;">Content here</div>
.text {color:#ccf106;}
.background {background-color:#ccf106;}
.border {border:1px solid #ccf106;}
Shades and Tints of #ccf106
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, #0a0b00 is the darkest color, while #fefff7 is the lightest one.
-
#0a0b00
#0a0b00
rgb(10,11,0)
-
#1a1e01
#1a1e01
rgb(26,30,1)
-
#2a3201
#2a3201
rgb(42,50,1)
-
#3a4502
#3a4502
rgb(58,69,2)
-
#4a5802
#4a5802
rgb(74,88,2)
-
#5b6b03
#5b6b03
rgb(91,107,3)
-
#6b7e03
#6b7e03
rgb(107,126,3)
-
#7b9104
#7b9104
rgb(123,145,4)
-
#8ba404
#8ba404
rgb(139,164,4)
-
#9bb805
#9bb805
rgb(155,184,5)
-
#accb05
#accb05
rgb(172,203,5)
-
#bcde06
#bcde06
rgb(188,222,6)
-
#ccf106
#ccf106
rgb(204,241,6)
-
#d5f912
#d5f912
rgb(213,249,18)
-
#d8fa25
#d8fa25
rgb(216,250,37)
-
#dbfa38
#dbfa38
rgb(219,250,56)
-
#dffb4b
#dffb4b
rgb(223,251,75)
-
#e2fb5e
#e2fb5e
rgb(226,251,94)
-
#e6fb71
#e6fb71
rgb(230,251,113)
-
#e9fc84
#e9fc84
rgb(233,252,132)
-
#edfc97
#edfc97
rgb(237,252,151)
-
#f0fdab
#f0fdab
rgb(240,253,171)
-
#f3fdbe
#f3fdbe
rgb(243,253,190)
-
#f7fed1
#f7fed1
rgb(247,254,209)
-
#fafee4
#fafee4
rgb(250,254,228)
-
#fefff7
#fefff7
rgb(254,255,247)
Tones of #ccf106
A tone is produced by adding gray to any pure hue. In this case, #7e7f78 is the less saturated color, while #ccf106 is the most saturated one.
-
#7e7f78
#7e7f78
rgb(126,127,120)
-
#84896f
#84896f
rgb(132,137,111)
-
#8b9265
#8b9265
rgb(139,146,101)
-
#919c5c
#919c5c
rgb(145,156,92)
-
#98a552
#98a552
rgb(152,165,82)
-
#9eaf49
#9eaf49
rgb(158,175,73)
-
#a5b83f
#a5b83f
rgb(165,184,63)
-
#abc236
#abc236
rgb(171,194,54)
-
#b2cb2c
#b2cb2c
rgb(178,203,44)
-
#b8d523
#b8d523
rgb(184,213,35)
-
#bfde19
#bfde19
rgb(191,222,25)
-
#c5e810
#c5e810
rgb(197,232,16)
-
#ccf106
#ccf106
rgb(204,241,6)
Color Blindness Simulator
Below, you can see how #ccf106 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.