#ccd301 hex color

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.

♥
- f
- t
- g
- R 80
- G 83
- B 0
RGB color chart
- C 3
- M 0
- Y 100
- K 17
CMYK color chart

● #ccd301 color description : Strong yellow.

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

#ccd301
```
#ccd301 rgb(204,211,1)
```
#0801d3
```
#0801d3 rgb(8,1,211)
```

Complementary Color

#d37101
```
#d37101 rgb(211,113,1)
```
#ccd301
```
#ccd301 rgb(204,211,1)
```
#63d301
```
#63d301 rgb(99,211,1)
```

Analogous Color

#7101d3
```
#7101d3 rgb(113,1,211)
```
#ccd301
```
#ccd301 rgb(204,211,1)
```
#0163d3
```
#0163d3 rgb(1,99,211)
```

Split Complementary Color

#d301cc
```
#d301cc rgb(211,1,204)
```
#ccd301
```
#ccd301 rgb(204,211,1)
```
#01ccd3
```
#01ccd3 rgb(1,204,211)
```

Triadic Color

#d30801
```
#d30801 rgb(211,8,1)
```
#ccd301
```
#ccd301 rgb(204,211,1)
```
#01ccd3
```
#01ccd3 rgb(1,204,211)
```
#0801d3
```
#0801d3 rgb(8,1,211)
```

Tetradic Color

#828701
```
#828701 rgb(130,135,1)
```
#9ba001
```
#9ba001 rgb(155,160,1)
```
#b3ba01
```
#b3ba01 rgb(179,186,1)
```
#ccd301
```
#ccd301 rgb(204,211,1)
```
#e5ec01
```
#e5ec01 rgb(229,236,1)
```
#f6fe09
```
#f6fe09 rgb(246,254,9)
```
#f7fe23
```
#f7fe23 rgb(247,254,35)
```

Monochromatic Color

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.

#d3a601
```
#d3a601 rgb(211,166,1)
```
#d3b701
```
#d3b701 rgb(211,183,1)
```
#d3c901
```
#d3c901 rgb(211,201,1)
```
#ccd301
```
#ccd301 rgb(204,211,1)
```
#bbd301
```
#bbd301 rgb(187,211,1)
```
#a9d301
```
#a9d301 rgb(169,211,1)
```
#98d301
```
#98d301 rgb(152,211,1)
```

Similar Colors

Text with hexadecimal color #ccd301

This text has a font color of #ccd301.

<span style="color:#ccd301;">Text here</span>

#ccd301 background color

This paragraph has a background color of #ccd301.

<p style="background-color:#ccd301;">Content here</p>

#ccd301 border color

This element has a border color of #ccd301.

<div style="border:1px solid #ccd301;">Content here</div>

CSS codes

.text {color:#ccd301;}

.background {background-color:#ccd301;}

.border {border:1px solid #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)
```

Shade Color Variation

#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)
```

Tint Color Variation

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)
```

Tone Color Variation

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.

Monochromacy

#b9b9b9 Achromatopsia 0.005% of the population
#bdbe94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6cd00 Protanopia 1% of men
#ffc33c Deuteranopia 1% of men
#dec7d5 Tritanopia 0.001% of the population

Trichromacy

#dccf00 Protanomaly 1% of men, 0.01% of women
#ecc926 Deuteranomaly 6% of men, 0.4% of women
#d7cb87 Tritanomaly 0.01% of the population

#ccd301 hex color

#ccd301 Color Information

#ccd301 Color Conversion

Color Schemes with #ccd301

Alternatives to #ccd301

#ccd301 Preview

Shades and Tints of #ccd301

Tones of #ccd301

Color Blindness Simulator