#ccce30 Color Information
In a RGB color space, hex #ccce30 is composed of 80% red, 80.8% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 1% cyan, 0% magenta, 76.7% yellow and 19.2% black. It has a hue angle of 60.8 degrees, a saturation of 62.2% and a lightness of 49.8%. #ccce30 color hex could be obtained by blending #ffff60 with #999d00. Closest websafe color is: #cccc33.
-
- R 80
- G 81
- B 19
-
- C 1
- M 0
- Y 77
- K 19
● #ccce30 color description : Strong yellow.
#ccce30 Color Conversion
The hexadecimal color #ccce30 has RGB values of R:204, G:206, B:48 and CMYK values of C:0.01, M:0, Y:0.77, K:0.19. Its decimal value is 13422128.
Hex triplet | ccce30 | #ccce30 |
---|---|---|
RGB Decimal | 204, 206, 48 | rgb(204,206,48) |
RGB Percent | 80, 80.8, 18.8 | rgb(80%,80.8%,18.8%) |
CMYK | 1, 0, 77, 19 | |
HSL | 60.8°, 62.2, 49.8 | hsl(60.8,62.2%,49.8%) |
HSV (or HSB) | 60.8°, 76.7, 80.8 | |
Web Safe | cccc33 | #cccc33 |
CIE-LAB | 80.289, -18.234, 71.936 |
---|---|
XYZ | 47.507, 57.194, 11.333 |
xyY | 0.409, 0.493, 57.194 |
CIE-LCH | 80.289, 74.21, 104.223 |
CIE-LUV | 80.289, 4.636, 83.089 |
Hunter-Lab | 75.627, -20.218, 44.054 |
Binary | 11001100, 11001110, 00110000 |
Color Schemes with #ccce30
Alternatives to #ccce30
Below, you can see some colors close to #ccce30. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccce30 Preview
This text has a font color of #ccce30.
<span style="color:#ccce30;">Text here</span>
This paragraph has a background color of #ccce30.
<p style="background-color:#ccce30;">Content here</p>
This element has a border color of #ccce30.
<div style="border:1px solid #ccce30;">Content here</div>
.text {color:#ccce30;}
.background {background-color:#ccce30;}
.border {border:1px solid #ccce30;}
Shades and Tints of #ccce30
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, #0f0f04 is the darkest color, while #fffffe is the lightest one.
-
#0f0f04
#0f0f04
rgb(15,15,4)
-
#1f1f07
#1f1f07
rgb(31,31,7)
-
#2e2f0b
#2e2f0b
rgb(46,47,11)
-
#3e3f0f
#3e3f0f
rgb(62,63,15)
-
#4e4f12
#4e4f12
rgb(78,79,18)
-
#5e5f16
#5e5f16
rgb(94,95,22)
-
#6d6f1a
#6d6f1a
rgb(109,111,26)
-
#7d7e1d
#7d7e1d
rgb(125,126,29)
-
#8d8e21
#8d8e21
rgb(141,142,33)
-
#9d9e25
#9d9e25
rgb(157,158,37)
-
#acae29
#acae29
rgb(172,174,41)
-
#bcbe2c
#bcbe2c
rgb(188,190,44)
-
#ccce30
#ccce30
rgb(204,206,48)
-
#d0d23f
#d0d23f
rgb(208,210,63)
-
#d4d64f
#d4d64f
rgb(212,214,79)
-
#d8da5f
#d8da5f
rgb(216,218,95)
-
#dcdd6f
#dcdd6f
rgb(220,221,111)
-
#e0e17f
#e0e17f
rgb(224,225,127)
-
#e4e58f
#e4e58f
rgb(228,229,143)
-
#e8e99f
#e8e99f
rgb(232,233,159)
-
#ebecaf
#ebecaf
rgb(235,236,175)
-
#eff0bf
#eff0bf
rgb(239,240,191)
-
#f3f4ce
#f3f4ce
rgb(243,244,206)
-
#f7f7de
#f7f7de
rgb(247,247,222)
-
#fbfbee
#fbfbee
rgb(251,251,238)
-
#fffffe
#fffffe
rgb(255,255,254)
Tones of #ccce30
A tone is produced by adding gray to any pure hue. In this case, #80807e is the less saturated color, while #f2f509 is the most saturated one.
-
#80807e
#80807e
rgb(128,128,126)
-
#898a74
#898a74
rgb(137,138,116)
-
#93936b
#93936b
rgb(147,147,107)
-
#9c9d61
#9c9d61
rgb(156,157,97)
-
#a6a757
#a6a757
rgb(166,167,87)
-
#afb14d
#afb14d
rgb(175,177,77)
-
#b9ba44
#b9ba44
rgb(185,186,68)
-
#c2c43a
#c2c43a
rgb(194,196,58)
-
#ccce30
#ccce30
rgb(204,206,48)
-
#d6d826
#d6d826
rgb(214,216,38)
-
#dfe21c
#dfe21c
rgb(223,226,28)
-
#e9eb13
#e9eb13
rgb(233,235,19)
-
#f2f509
#f2f509
rgb(242,245,9)
Color Blindness Simulator
Below, you can see how #ccce30 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.