#ccd348 Color Information
In a RGB color space, hex #ccd348 is composed of 80% red, 82.7% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 0% magenta, 65.9% yellow and 17.3% black. It has a hue angle of 63 degrees, a saturation of 61.2% and a lightness of 55.5%. #ccd348 color hex could be obtained by blending #ffff90 with #99a700. Closest websafe color is: #cccc33.
-
- R 80
- G 83
- B 28
-
- C 3
- M 0
- Y 66
- K 17
● #ccd348 color description : Moderate yellow.
#ccd348 Color Conversion
The hexadecimal color #ccd348 has RGB values of R:204, G:211, B:72 and CMYK values of C:0.03, M:0, Y:0.66, K:0.17. Its decimal value is 13423432.
Hex triplet | ccd348 | #ccd348 |
---|---|---|
RGB Decimal | 204, 211, 72 | rgb(204,211,72) |
RGB Percent | 80, 82.7, 28.2 | rgb(80%,82.7%,28.2%) |
CMYK | 3, 0, 66, 17 | |
HSL | 63°, 61.2, 55.5 | hsl(63,61.2%,55.5%) |
HSV (or HSB) | 63°, 65.9, 82.7 | |
Web Safe | cccc33 | #cccc33 |
CIE-LAB | 81.781, -19.556, 65.086 |
---|---|
XYZ | 49.366, 59.894, 15.091 |
xyY | 0.397, 0.482, 59.894 |
CIE-LCH | 81.781, 67.96, 106.723 |
CIE-LUV | 81.781, 1.068, 79.187 |
Hunter-Lab | 77.391, -21.575, 42.613 |
Binary | 11001100, 11010011, 01001000 |
Color Schemes with #ccd348
Alternatives to #ccd348
Below, you can see some colors close to #ccd348. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd348 Preview
This text has a font color of #ccd348.
<span style="color:#ccd348;">Text here</span>
This paragraph has a background color of #ccd348.
<p style="background-color:#ccd348;">Content here</p>
This element has a border color of #ccd348.
<div style="border:1px solid #ccd348;">Content here</div>
.text {color:#ccd348;}
.background {background-color:#ccd348;}
.border {border:1px solid #ccd348;}
Shades and Tints of #ccd348
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, #070702 is the darkest color, while #fcfdf6 is the lightest one.
-
#070702
#070702
rgb(7,7,2)
-
#161705
#161705
rgb(22,23,5)
-
#252609
#252609
rgb(37,38,9)
-
#34360d
#34360d
rgb(52,54,13)
-
#434611
#434611
rgb(67,70,17)
-
#535615
#535615
rgb(83,86,21)
-
#626618
#626618
rgb(98,102,24)
-
#71751c
#71751c
rgb(113,117,28)
-
#808520
#808520
rgb(128,133,32)
-
#8f9524
#8f9524
rgb(143,149,36)
-
#9fa528
#9fa528
rgb(159,165,40)
-
#aeb52b
#aeb52b
rgb(174,181,43)
-
#bdc52f
#bdc52f
rgb(189,197,47)
-
#c8cf38
#c8cf38
rgb(200,207,56)
-
#ccd348
#ccd348
rgb(204,211,72)
-
#d0d758
#d0d758
rgb(208,215,88)
-
#d5db68
#d5db68
rgb(213,219,104)
-
#d9de77
#d9de77
rgb(217,222,119)
-
#dee287
#dee287
rgb(222,226,135)
-
#e2e697
#e2e697
rgb(226,230,151)
-
#e6eaa7
#e6eaa7
rgb(230,234,167)
-
#ebeeb7
#ebeeb7
rgb(235,238,183)
-
#eff1c7
#eff1c7
rgb(239,241,199)
-
#f4f5d6
#f4f5d6
rgb(244,245,214)
-
#f8f9e6
#f8f9e6
rgb(248,249,230)
-
#fcfdf6
#fcfdf6
rgb(252,253,246)
Tones of #ccd348
A tone is produced by adding gray to any pure hue. In this case, #959685 is the less saturated color, while #f3ff1c is the most saturated one.
-
#959685
#959685
rgb(149,150,133)
-
#9d9f7c
#9d9f7c
rgb(157,159,124)
-
#a5a774
#a5a774
rgb(165,167,116)
-
#adb06b
#adb06b
rgb(173,176,107)
-
#b4b962
#b4b962
rgb(180,185,98)
-
#bcc259
#bcc259
rgb(188,194,89)
-
#c4ca51
#c4ca51
rgb(196,202,81)
-
#ccd348
#ccd348
rgb(204,211,72)
-
#d4dc3f
#d4dc3f
rgb(212,220,63)
-
#dce437
#dce437
rgb(220,228,55)
-
#e4ed2e
#e4ed2e
rgb(228,237,46)
-
#ebf625
#ebf625
rgb(235,246,37)
-
#f3ff1c
#f3ff1c
rgb(243,255,28)
Color Blindness Simulator
Below, you can see how #ccd348 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.