#ccf312 Color Information
In a RGB color space, hex #ccf312 is composed of 80% red, 95.3% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 16% cyan, 0% magenta, 92.6% yellow and 4.7% black. It has a hue angle of 70.4 degrees, a saturation of 90.4% and a lightness of 51.2%. #ccf312 color hex could be obtained by blending #ffff24 with #99e700. Closest websafe color is: #ccff00.
-
- R 80
- G 95
- B 7
-
- C 16
- M 0
- Y 93
- K 5
● #ccf312 color description : Vivid yellow.
#ccf312 Color Conversion
The hexadecimal color #ccf312 has RGB values of R:204, G:243, B:18 and CMYK values of C:0.16, M:0, Y:0.93, K:0.05. Its decimal value is 13431570.
Hex triplet | ccf312 | #ccf312 |
---|---|---|
RGB Decimal | 204, 243, 18 | rgb(204,243,18) |
RGB Percent | 80, 95.3, 7.1 | rgb(80%,95.3%,7.1%) |
CMYK | 16, 0, 93, 5 | |
HSL | 70.4°, 90.4, 51.2 | hsl(70.4,90.4%,51.2%) |
HSV (or HSB) | 70.4°, 92.6, 95.3 | |
Web Safe | ccff00 | #ccff00 |
CIE-LAB | 90.313, -36.449, 86.29 |
---|---|
XYZ | 57.061, 76.982, 12.425 |
xyY | 0.39, 0.526, 76.982 |
CIE-LCH | 90.313, 93.672, 112.899 |
CIE-LUV | 90.313, -17.737, 101.379 |
Hunter-Lab | 87.739, -37.456, 53.021 |
Binary | 11001100, 11110011, 00010010 |
Color Schemes with #ccf312
Alternatives to #ccf312
Below, you can see some colors close to #ccf312. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf312 Preview
This text has a font color of #ccf312.
<span style="color:#ccf312;">Text here</span>
This paragraph has a background color of #ccf312.
<p style="background-color:#ccf312;">Content here</p>
This element has a border color of #ccf312.
<div style="border:1px solid #ccf312;">Content here</div>
.text {color:#ccf312;}
.background {background-color:#ccf312;}
.border {border:1px solid #ccf312;}
Shades and Tints of #ccf312
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, #050600 is the darkest color, while #fcfef2 is the lightest one.
-
#050600
#050600
rgb(5,6,0)
-
#141801
#141801
rgb(20,24,1)
-
#242b02
#242b02
rgb(36,43,2)
-
#343e03
#343e03
rgb(52,62,3)
-
#435004
#435004
rgb(67,80,4)
-
#536305
#536305
rgb(83,99,5)
-
#627606
#627606
rgb(98,118,6)
-
#728807
#728807
rgb(114,136,7)
-
#829b08
#829b08
rgb(130,155,8)
-
#91ae09
#91ae09
rgb(145,174,9)
-
#a1c00a
#a1c00a
rgb(161,192,10)
-
#b0d30b
#b0d30b
rgb(176,211,11)
-
#c0e60c
#c0e60c
rgb(192,230,12)
-
#ccf312
#ccf312
rgb(204,243,18)
-
#d0f425
#d0f425
rgb(208,244,37)
-
#d4f537
#d4f537
rgb(212,245,55)
-
#d8f64a
#d8f64a
rgb(216,246,74)
-
#dcf75d
#dcf75d
rgb(220,247,93)
-
#e0f86f
#e0f86f
rgb(224,248,111)
-
#e4f982
#e4f982
rgb(228,249,130)
-
#e8fa95
#e8fa95
rgb(232,250,149)
-
#ecfba7
#ecfba7
rgb(236,251,167)
-
#f0fcba
#f0fcba
rgb(240,252,186)
-
#f4fccd
#f4fccd
rgb(244,252,205)
-
#f8fddf
#f8fddf
rgb(248,253,223)
-
#fcfef2
#fcfef2
rgb(252,254,242)
Tones of #ccf312
A tone is produced by adding gray to any pure hue. In this case, #878a7b is the less saturated color, while #d2fd08 is the most saturated one.
-
#878a7b
#878a7b
rgb(135,138,123)
-
#8d9372
#8d9372
rgb(141,147,114)
-
#949d68
#949d68
rgb(148,157,104)
-
#9aa65f
#9aa65f
rgb(154,166,95)
-
#a0b055
#a0b055
rgb(160,176,85)
-
#a6ba4b
#a6ba4b
rgb(166,186,75)
-
#adc342
#adc342
rgb(173,195,66)
-
#b3cd38
#b3cd38
rgb(179,205,56)
-
#b9d62f
#b9d62f
rgb(185,214,47)
-
#bfe025
#bfe025
rgb(191,224,37)
-
#c6e91c
#c6e91c
rgb(198,233,28)
-
#ccf312
#ccf312
rgb(204,243,18)
-
#d2fd08
#d2fd08
rgb(210,253,8)
Color Blindness Simulator
Below, you can see how #ccf312 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.