#ccd30d hex color

In a RGB color space, hex #ccd30d is composed of 80% red, 82.7% green and 5.1% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 0% magenta, 93.8% yellow and 17.3% black. It has a hue angle of 62.1 degrees, a saturation of 88.4% and a lightness of 43.9%. #ccd30d color hex could be obtained by blending #ffff1a with #99a700. Closest websafe color is: #cccc00.

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

● #ccd30d color description : Strong yellow.

The hexadecimal color #ccd30d has RGB values of R:204, G:211, B:13 and CMYK values of C:0.03, M:0, Y:0.94, K:0.17. Its decimal value is 13423373.

Hex triplet	ccd30d	`#ccd30d`
RGB Decimal	204, 211, 13	`rgb(204,211,13)`
RGB Percent	80, 82.7, 5.1	`rgb(80%,82.7%,5.1%)`
CMYK	3, 0, 94, 17
HSL	62.1°, 88.4, 43.9	`hsl(62.1,88.4%,43.9%)`
HSV (or HSB)	62.1°, 93.8, 82.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	81.541, -21.523, 80.051
XYZ	48.269, 59.456, 9.314
xyY	0.412, 0.508, 59.456
CIE-LCH	81.541, 82.894, 105.049
CIE-LUV	81.541, 1.705, 89.496
Hunter-Lab	77.107, -23.198, 46.813
Binary	11001100, 11010011, 00001101

#ccd30d
```
#ccd30d rgb(204,211,13)
```
#140dd3
```
#140dd3 rgb(20,13,211)
```

Complementary Color

#d3770d
```
#d3770d rgb(211,119,13)
```
#ccd30d
```
#ccd30d rgb(204,211,13)
```
#69d30d
```
#69d30d rgb(105,211,13)
```

Analogous Color

#770dd3
```
#770dd3 rgb(119,13,211)
```
#ccd30d
```
#ccd30d rgb(204,211,13)
```
#0d69d3
```
#0d69d3 rgb(13,105,211)
```

Split Complementary Color

#d30dcc
```
#d30dcc rgb(211,13,204)
```
#ccd30d
```
#ccd30d rgb(204,211,13)
```
#0dccd3
```
#0dccd3 rgb(13,204,211)
```

Triadic Color

#d3140d
```
#d3140d rgb(211,20,13)
```
#ccd30d
```
#ccd30d rgb(204,211,13)
```
#0dccd3
```
#0dccd3 rgb(13,204,211)
```
#140dd3
```
#140dd3 rgb(20,13,211)
```

Tetradic Color

#868b09
```
#868b09 rgb(134,139,9)
```
#9ea30a
```
#9ea30a rgb(158,163,10)
```
#b5bb0c
```
#b5bb0c rgb(181,187,12)
```
#ccd30d
```
#ccd30d rgb(204,211,13)
```
#e3eb0e
```
#e3eb0e rgb(227,235,14)
```
#eaf122
```
#eaf122 rgb(234,241,34)
```
#ecf33a
```
#ecf33a rgb(236,243,58)
```

Monochromatic Color

Below, you can see some colors close to #ccd30d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#d3a90d
```
#d3a90d rgb(211,169,13)
```
#d3b90d
```
#d3b90d rgb(211,185,13)
```
#d3ca0d
```
#d3ca0d rgb(211,202,13)
```
#ccd30d
```
#ccd30d rgb(204,211,13)
```
#bcd30d
```
#bcd30d rgb(188,211,13)
```
#abd30d
```
#abd30d rgb(171,211,13)
```
#9bd30d
```
#9bd30d rgb(155,211,13)
```

Similar Colors

Text with hexadecimal color #ccd30d

This text has a font color of #ccd30d.

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

#ccd30d background color

This paragraph has a background color of #ccd30d.

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

#ccd30d border color

This element has a border color of #ccd30d.

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

CSS codes

.text {color:#ccd30d;}

.background {background-color:#ccd30d;}

.border {border:1px solid #ccd30d;}

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, #070800 is the darkest color, while #fefef4 is the lightest one.

#070800
```
#070800 rgb(7,8,0)
```
#191a02
```
#191a02 rgb(25,26,2)
```
#2b2d03
```
#2b2d03 rgb(43,45,3)
```
#3d3f04
```
#3d3f04 rgb(61,63,4)
```
#4f5205
```
#4f5205 rgb(79,82,5)
```
#616406
```
#616406 rgb(97,100,6)
```
#737707
```
#737707 rgb(115,119,7)
```
#858908
```
#858908 rgb(133,137,8)
```
#969c0a
```
#969c0a rgb(150,156,10)
```
#a8ae0b
```
#a8ae0b rgb(168,174,11)
```
#bac10c
```
#bac10c rgb(186,193,12)
```
#ccd30d
```
#ccd30d rgb(204,211,13)
```
#dee50e
```
#dee50e rgb(222,229,14)
```

Shade Color Variation

#e9f117
```
#e9f117 rgb(233,241,23)
```
#ebf229
```
#ebf229 rgb(235,242,41)
```
#ecf33c
```
#ecf33c rgb(236,243,60)
```
#eef44e
```
#eef44e rgb(238,244,78)
```
#f0f560
```
#f0f560 rgb(240,245,96)
```
#f2f673
```
#f2f673 rgb(242,246,115)
```
#f3f885
```
#f3f885 rgb(243,248,133)
```
#f5f998
```
#f5f998 rgb(245,249,152)
```
#f7faaa
```
#f7faaa rgb(247,250,170)
```
#f9fbbd
```
#f9fbbd rgb(249,251,189)
```
#fafccf
```
#fafccf rgb(250,252,207)
```
#fcfde2
```
#fcfde2 rgb(252,253,226)
```
#fefef4
```
#fefef4 rgb(254,254,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #74746c is the less saturated color, while #d4dc04 is the most saturated one.

#74746c
```
#74746c rgb(116,116,108)
```
#7c7d63
```
#7c7d63 rgb(124,125,99)
```
#84855b
```
#84855b rgb(132,133,91)
```
#8c8e52
```
#8c8e52 rgb(140,142,82)
```
#949749
```
#949749 rgb(148,151,73)
```
#9c9f41
```
#9c9f41 rgb(156,159,65)
```
#a4a838
```
#a4a838 rgb(164,168,56)
```
#acb12f
```
#acb12f rgb(172,177,47)
```
#b4b927
```
#b4b927 rgb(180,185,39)
```
#bcc21e
```
#bcc21e rgb(188,194,30)
```
#c4ca16
```
#c4ca16 rgb(196,202,22)
```
#ccd30d
```
#ccd30d rgb(204,211,13)
```
#d4dc04
```
#d4dc04 rgb(212,220,4)
```

Tone Color Variation

Below, you can see how #ccd30d 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

#bababa Achromatopsia 0.005% of the population
#bebf97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6cd16 Protanopia 1% of men
#ffc33d Deuteranopia 1% of men
#dec7d5 Tritanopia 0.001% of the population

Trichromacy

#dccf12 Protanomaly 1% of men, 0.01% of women
#ecc92b Deuteranomaly 6% of men, 0.4% of women
#d7cb8c Tritanomaly 0.01% of the population

#ccd30d hex color

#ccd30d Color Information

#ccd30d Color Conversion

Color Schemes with #ccd30d

Alternatives to #ccd30d

#ccd30d Preview

Shades and Tints of #ccd30d

Tones of #ccd30d

Color Blindness Simulator