#ccd301 Color Information
In a RGB color space, hex #ccd301 is composed of 80% red, 82.7% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 0% magenta, 99.5% yellow and 17.3% black. It has a hue angle of 62 degrees, a saturation of 99.1% and a lightness of 41.6%. #ccd301 color hex could be obtained by blending #ffff02 with #99a700. Closest websafe color is: #cccc00.
-
- R 80
- G 83
- B 0
-
- C 3
- M 0
- Y 100
- K 17
● #ccd301 color description : Strong yellow.
#ccd301 Color Conversion
The hexadecimal color #ccd301 has RGB values of R:204, G:211, B:1 and CMYK values of C:0.03, M:0, Y:1, K:0.17. Its decimal value is 13423361.
Hex triplet | ccd301 | #ccd301 |
---|---|---|
RGB Decimal | 204, 211, 1 | rgb(204,211,1) |
RGB Percent | 80, 82.7, 0.4 | rgb(80%,82.7%,0.4%) |
CMYK | 3, 0, 100, 17 | |
HSL | 62°, 99.1, 41.6 | hsl(62,99.1%,41.6%) |
HSV (or HSB) | 62°, 99.5, 82.7 | |
Web Safe | cccc00 | #cccc00 |
CIE-LAB | 81.527, -21.645, 81.156 |
---|---|
XYZ | 48.202, 59.429, 8.96 |
xyY | 0.413, 0.51, 59.429 |
CIE-LCH | 81.527, 83.993, 104.933 |
CIE-LUV | 81.527, 1.745, 90.143 |
Hunter-Lab | 77.09, -23.298, 47.072 |
Binary | 11001100, 11010011, 00000001 |
Color Schemes with #ccd301
Alternatives to #ccd301
Below, you can see some colors close to #ccd301. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd301 Preview
This text has a font color of #ccd301.
<span style="color:#ccd301;">Text here</span>
This paragraph has a background color of #ccd301.
<p style="background-color:#ccd301;">Content here</p>
This element has a border color of #ccd301.
<div style="border:1px solid #ccd301;">Content here</div>
.text {color:#ccd301;}
.background {background-color:#ccd301;}
.border {border:1px solid #ccd301;}
Shades and Tints of #ccd301
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, #0f1000 is the darkest color, while #fffffb is the lightest one.
-
#0f1000
#0f1000
rgb(15,16,0)
-
#222300
#222300
rgb(34,35,0)
-
#353700
#353700
rgb(53,55,0)
-
#484a00
#484a00
rgb(72,74,0)
-
#5b5e00
#5b5e00
rgb(91,94,0)
-
#6e7101
#6e7101
rgb(110,113,1)
-
#808501
#808501
rgb(128,133,1)
-
#939801
#939801
rgb(147,152,1)
-
#a6ac01
#a6ac01
rgb(166,172,1)
-
#b9bf01
#b9bf01
rgb(185,191,1)
-
#ccd301
#ccd301
rgb(204,211,1)
-
#dfe701
#dfe701
rgb(223,231,1)
-
#f2fa01
#f2fa01
rgb(242,250,1)
-
#f6fe11
#f6fe11
rgb(246,254,17)
-
#f7fe24
#f7fe24
rgb(247,254,36)
-
#f7fe38
#f7fe38
rgb(247,254,56)
-
#f8fe4c
#f8fe4c
rgb(248,254,76)
-
#f9fe5f
#f9fe5f
rgb(249,254,95)
-
#fafe73
#fafe73
rgb(250,254,115)
-
#fafe86
#fafe86
rgb(250,254,134)
-
#fbff9a
#fbff9a
rgb(251,255,154)
-
#fcffad
#fcffad
rgb(252,255,173)
-
#fdffc1
#fdffc1
rgb(253,255,193)
-
#fdffd4
#fdffd4
rgb(253,255,212)
-
#feffe8
#feffe8
rgb(254,255,232)
-
#fffffb
#fffffb
rgb(255,255,251)
Tones of #ccd301
A tone is produced by adding gray to any pure hue. In this case, #717163 is the less saturated color, while #ccd301 is the most saturated one.
-
#717163
#717163
rgb(113,113,99)
-
#78795b
#78795b
rgb(120,121,91)
-
#808153
#808153
rgb(128,129,83)
-
#888a4a
#888a4a
rgb(136,138,74)
-
#8f9242
#8f9242
rgb(143,146,66)
-
#979a3a
#979a3a
rgb(151,154,58)
-
#9ea232
#9ea232
rgb(158,162,50)
-
#a6aa2a
#a6aa2a
rgb(166,170,42)
-
#aeb222
#aeb222
rgb(174,178,34)
-
#b5bb19
#b5bb19
rgb(181,187,25)
-
#bdc311
#bdc311
rgb(189,195,17)
-
#c4cb09
#c4cb09
rgb(196,203,9)
-
#ccd301
#ccd301
rgb(204,211,1)
Color Blindness Simulator
Below, you can see how #ccd301 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.