#ccf311 Color Information
In a RGB color space, hex #ccf311 is composed of 80% red, 95.3% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 16% cyan, 0% magenta, 93% yellow and 4.7% black. It has a hue angle of 70.4 degrees, a saturation of 90.4% and a lightness of 51%. #ccf311 color hex could be obtained by blending #ffff22 with #99e700. Closest websafe color is: #ccff00.
-
- R 80
- G 95
- B 7
-
- C 16
- M 0
- Y 93
- K 5
● #ccf311 color description : Vivid yellow.
#ccf311 Color Conversion
The hexadecimal color #ccf311 has RGB values of R:204, G:243, B:17 and CMYK values of C:0.16, M:0, Y:0.93, K:0.05. Its decimal value is 13431569.
Hex triplet | ccf311 | #ccf311 |
---|---|---|
RGB Decimal | 204, 243, 17 | rgb(204,243,17) |
RGB Percent | 80, 95.3, 6.7 | rgb(80%,95.3%,6.7%) |
CMYK | 16, 0, 93, 5 | |
HSL | 70.4°, 90.4, 51 | hsl(70.4,90.4%,51%) |
HSV (or HSB) | 70.4°, 93, 95.3 | |
Web Safe | ccff00 | #ccff00 |
CIE-LAB | 90.312, -36.463, 86.397 |
---|---|
XYZ | 57.053, 76.979, 12.383 |
xyY | 0.39, 0.526, 76.979 |
CIE-LCH | 90.312, 93.776, 112.881 |
CIE-LUV | 90.312, -17.736, 101.445 |
Hunter-Lab | 87.737, -37.467, 53.048 |
Binary | 11001100, 11110011, 00010001 |
Color Schemes with #ccf311
Alternatives to #ccf311
Below, you can see some colors close to #ccf311. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf311 Preview
This text has a font color of #ccf311.
<span style="color:#ccf311;">Text here</span>
This paragraph has a background color of #ccf311.
<p style="background-color:#ccf311;">Content here</p>
This element has a border color of #ccf311.
<div style="border:1px solid #ccf311;">Content here</div>
.text {color:#ccf311;}
.background {background-color:#ccf311;}
.border {border:1px solid #ccf311;}
Shades and Tints of #ccf311
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, #040500 is the darkest color, while #fcfef1 is the lightest one.
-
#040500
#040500
rgb(4,5,0)
-
#141701
#141701
rgb(20,23,1)
-
#232a02
#232a02
rgb(35,42,2)
-
#333d03
#333d03
rgb(51,61,3)
-
#424f04
#424f04
rgb(66,79,4)
-
#526205
#526205
rgb(82,98,5)
-
#627506
#627506
rgb(98,117,6)
-
#718707
#718707
rgb(113,135,7)
-
#819a08
#819a08
rgb(129,154,8)
-
#91ad09
#91ad09
rgb(145,173,9)
-
#a0bf0a
#a0bf0a
rgb(160,191,10)
-
#b0d20b
#b0d20b
rgb(176,210,11)
-
#bfe50c
#bfe50c
rgb(191,229,12)
-
#ccf311
#ccf311
rgb(204,243,17)
-
#d0f424
#d0f424
rgb(208,244,36)
-
#d4f536
#d4f536
rgb(212,245,54)
-
#d8f649
#d8f649
rgb(216,246,73)
-
#dcf75c
#dcf75c
rgb(220,247,92)
-
#e0f86e
#e0f86e
rgb(224,248,110)
-
#e4f981
#e4f981
rgb(228,249,129)
-
#e8fa94
#e8fa94
rgb(232,250,148)
-
#ecfba6
#ecfba6
rgb(236,251,166)
-
#f0fbb9
#f0fbb9
rgb(240,251,185)
-
#f4fccc
#f4fccc
rgb(244,252,204)
-
#f8fdde
#f8fdde
rgb(248,253,222)
-
#fcfef1
#fcfef1
rgb(252,254,241)
Tones of #ccf311
A tone is produced by adding gray to any pure hue. In this case, #87897b is the less saturated color, while #d2fd07 is the most saturated one.
-
#87897b
#87897b
rgb(135,137,123)
-
#8d9371
#8d9371
rgb(141,147,113)
-
#939c68
#939c68
rgb(147,156,104)
-
#9aa65e
#9aa65e
rgb(154,166,94)
-
#a0b054
#a0b054
rgb(160,176,84)
-
#a6b94b
#a6b94b
rgb(166,185,75)
-
#adc341
#adc341
rgb(173,195,65)
-
#b3cd37
#b3cd37
rgb(179,205,55)
-
#b9d62e
#b9d62e
rgb(185,214,46)
-
#bfe024
#bfe024
rgb(191,224,36)
-
#c6e91b
#c6e91b
rgb(198,233,27)
-
#ccf311
#ccf311
rgb(204,243,17)
-
#d2fd07
#d2fd07
rgb(210,253,7)
Color Blindness Simulator
Below, you can see how #ccf311 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.