#ccf348 Color Information
In a RGB color space, hex #ccf348 is composed of 80% red, 95.3% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 16% cyan, 0% magenta, 70.4% yellow and 4.7% black. It has a hue angle of 73.7 degrees, a saturation of 87.7% and a lightness of 61.8%. #ccf348 color hex could be obtained by blending #ffff90 with #99e700. Closest websafe color is: #ccff33.
-
- R 80
- G 95
- B 28
-
- C 16
- M 0
- Y 70
- K 5
● #ccf348 color description : Bright yellow.
#ccf348 Color Conversion
The hexadecimal color #ccf348 has RGB values of R:204, G:243, B:72 and CMYK values of C:0.16, M:0, Y:0.7, K:0.05. Its decimal value is 13431624.
Hex triplet | ccf348 | #ccf348 |
---|---|---|
RGB Decimal | 204, 243, 72 | rgb(204,243,72) |
RGB Percent | 80, 95.3, 28.2 | rgb(80%,95.3%,28.2%) |
CMYK | 16, 0, 70, 5 | |
HSL | 73.7°, 87.7, 61.8 | hsl(73.7,87.7%,61.8%) |
HSV (or HSB) | 73.7°, 70.4, 95.3 | |
Web Safe | ccff33 | #ccff33 |
CIE-LAB | 90.508, -34.693, 73.85 |
---|---|
XYZ | 58.121, 77.406, 18.009 |
xyY | 0.379, 0.504, 77.406 |
CIE-LCH | 90.508, 81.593, 115.163 |
CIE-LUV | 90.508, -17.938, 92.733 |
Hunter-Lab | 87.981, -36.046, 49.45 |
Binary | 11001100, 11110011, 01001000 |
Color Schemes with #ccf348
Alternatives to #ccf348
Below, you can see some colors close to #ccf348. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf348 Preview
This text has a font color of #ccf348.
<span style="color:#ccf348;">Text here</span>
This paragraph has a background color of #ccf348.
<p style="background-color:#ccf348;">Content here</p>
This element has a border color of #ccf348.
<div style="border:1px solid #ccf348;">Content here</div>
.text {color:#ccf348;}
.background {background-color:#ccf348;}
.border {border:1px solid #ccf348;}
Shades and Tints of #ccf348
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, #010100 is the darkest color, while #fafeee is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#0f1301
#0f1301
rgb(15,19,1)
-
#1e2602
#1e2602
rgb(30,38,2)
-
#2c3804
#2c3804
rgb(44,56,4)
-
#3b4b05
#3b4b05
rgb(59,75,5)
-
#495d06
#495d06
rgb(73,93,6)
-
#587007
#587007
rgb(88,112,7)
-
#668209
#668209
rgb(102,130,9)
-
#75940a
#75940a
rgb(117,148,10)
-
#83a70b
#83a70b
rgb(131,167,11)
-
#92b90c
#92b90c
rgb(146,185,12)
-
#a0cc0d
#a0cc0d
rgb(160,204,13)
-
#afde0f
#afde0f
rgb(175,222,15)
-
#bdef11
#bdef11
rgb(189,239,17)
-
#c2f123
#c2f123
rgb(194,241,35)
-
#c7f236
#c7f236
rgb(199,242,54)
-
#ccf348
#ccf348
rgb(204,243,72)
-
#d1f45a
#d1f45a
rgb(209,244,90)
-
#d6f56d
#d6f56d
rgb(214,245,109)
-
#dbf77f
#dbf77f
rgb(219,247,127)
-
#e1f892
#e1f892
rgb(225,248,146)
-
#e6f9a4
#e6f9a4
rgb(230,249,164)
-
#ebfab6
#ebfab6
rgb(235,250,182)
-
#f0fbc9
#f0fbc9
rgb(240,251,201)
-
#f5fddb
#f5fddb
rgb(245,253,219)
-
#fafeee
#fafeee
rgb(250,254,238)
Tones of #ccf348
A tone is produced by adding gray to any pure hue. In this case, #9fa19b is the less saturated color, while #d0fb41 is the most saturated one.
-
#9fa19b
#9fa19b
rgb(159,161,155)
-
#a3a893
#a3a893
rgb(163,168,147)
-
#a7b08c
#a7b08c
rgb(167,176,140)
-
#abb784
#abb784
rgb(171,183,132)
-
#afbf7d
#afbf7d
rgb(175,191,125)
-
#b4c675
#b4c675
rgb(180,198,117)
-
#b8ce6e
#b8ce6e
rgb(184,206,110)
-
#bcd566
#bcd566
rgb(188,213,102)
-
#c0dd5f
#c0dd5f
rgb(192,221,95)
-
#c4e457
#c4e457
rgb(196,228,87)
-
#c8ec50
#c8ec50
rgb(200,236,80)
-
#ccf348
#ccf348
rgb(204,243,72)
-
#d0fb41
#d0fb41
rgb(208,251,65)
Color Blindness Simulator
Below, you can see how #ccf348 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.