#ccd30e hex color

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

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

● #ccd30e color description : Strong yellow.

The hexadecimal color #ccd30e has RGB values of R:204, G:211, B:14 and CMYK values of C:0.03, M:0, Y:0.93, K:0.17. Its decimal value is 13423374.

Hex triplet	ccd30e	`#ccd30e`
RGB Decimal	204, 211, 14	`rgb(204,211,14)`
RGB Percent	80, 82.7, 5.5	`rgb(80%,82.7%,5.5%)`
CMYK	3, 0, 93, 17
HSL	62.1°, 87.6, 44.1	`hsl(62.1,87.6%,44.1%)`
HSV (or HSB)	62.1°, 93.4, 82.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	81.543, -21.511, 79.944
XYZ	48.275, 59.458, 9.349
xyY	0.412, 0.508, 59.458
CIE-LCH	81.543, 82.788, 105.06
CIE-LUV	81.543, 1.701, 89.433
Hunter-Lab	77.109, -23.188, 46.788
Binary	11001100, 11010011, 00001110

#ccd30e
```
#ccd30e rgb(204,211,14)
```
#150ed3
```
#150ed3 rgb(21,14,211)
```

Complementary Color

#d3780e
```
#d3780e rgb(211,120,14)
```
#ccd30e
```
#ccd30e rgb(204,211,14)
```
#6ad30e
```
#6ad30e rgb(106,211,14)
```

Analogous Color

#780ed3
```
#780ed3 rgb(120,14,211)
```
#ccd30e
```
#ccd30e rgb(204,211,14)
```
#0e6ad3
```
#0e6ad3 rgb(14,106,211)
```

Split Complementary Color

#d30ecc
```
#d30ecc rgb(211,14,204)
```
#ccd30e
```
#ccd30e rgb(204,211,14)
```
#0eccd3
```
#0eccd3 rgb(14,204,211)
```

Triadic Color

#d3150e
```
#d3150e rgb(211,21,14)
```
#ccd30e
```
#ccd30e rgb(204,211,14)
```
#0eccd3
```
#0eccd3 rgb(14,204,211)
```
#150ed3
```
#150ed3 rgb(21,14,211)
```

Tetradic Color

#878b09
```
#878b09 rgb(135,139,9)
```
#9ea30b
```
#9ea30b rgb(158,163,11)
```
#b5bb0c
```
#b5bb0c rgb(181,187,12)
```
#ccd30e
```
#ccd30e rgb(204,211,14)
```
#e3eb10
```
#e3eb10 rgb(227,235,16)
```
#e9f024
```
#e9f024 rgb(233,240,36)
```
#ecf23b
```
#ecf23b rgb(236,242,59)
```

Monochromatic Color

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

#d3a90e
```
#d3a90e rgb(211,169,14)
```
#d3b90e
```
#d3b90e rgb(211,185,14)
```
#d3ca0e
```
#d3ca0e rgb(211,202,14)
```
#ccd30e
```
#ccd30e rgb(204,211,14)
```
#bcd30e
```
#bcd30e rgb(188,211,14)
```
#abd30e
```
#abd30e rgb(171,211,14)
```
#9bd30e
```
#9bd30e rgb(155,211,14)
```

Similar Colors

Text with hexadecimal color #ccd30e

This text has a font color of #ccd30e.

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

#ccd30e background color

This paragraph has a background color of #ccd30e.

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

#ccd30e border color

This element has a border color of #ccd30e.

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

CSS codes

.text {color:#ccd30e;}

.background {background-color:#ccd30e;}

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

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

#080901
```
#080901 rgb(8,9,1)
```
#1a1b02
```
#1a1b02 rgb(26,27,2)
```
#2c2d03
```
#2c2d03 rgb(44,45,3)
```
#3e4004
```
#3e4004 rgb(62,64,4)
```
#505205
```
#505205 rgb(80,82,5)
```
#616507
```
#616507 rgb(97,101,7)
```
#737708
```
#737708 rgb(115,119,8)
```
#858909
```
#858909 rgb(133,137,9)
```
#979c0a
```
#979c0a rgb(151,156,10)
```
#a8ae0c
```
#a8ae0c rgb(168,174,12)
```
#bac10d
```
#bac10d rgb(186,193,13)
```
#ccd30e
```
#ccd30e rgb(204,211,14)
```
#dee50f
```
#dee50f rgb(222,229,15)
```

Shade Color Variation

#e8f019
```
#e8f019 rgb(232,240,25)
```
#eaf12b
```
#eaf12b rgb(234,241,43)
```
#ecf23d
```
#ecf23d rgb(236,242,61)
```
#eef350
```
#eef350 rgb(238,243,80)
```
#eff562
```
#eff562 rgb(239,245,98)
```
#f1f674
```
#f1f674 rgb(241,246,116)
```
#f3f787
```
#f3f787 rgb(243,247,135)
```
#f5f899
```
#f5f899 rgb(245,248,153)
```
#f7f9ac
```
#f7f9ac rgb(247,249,172)
```
#f9fbbe
```
#f9fbbe rgb(249,251,190)
```
#fafcd0
```
#fafcd0 rgb(250,252,208)
```
#fcfde3
```
#fcfde3 rgb(252,253,227)
```
#fefef5
```
#fefef5 rgb(254,254,245)
```

Tint Color Variation

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

#74746d
```
#74746d rgb(116,116,109)
```
#7c7c65
```
#7c7c65 rgb(124,124,101)
```
#84855c
```
#84855c rgb(132,133,92)
```
#8c8e53
```
#8c8e53 rgb(140,142,83)
```
#94964b
```
#94964b rgb(148,150,75)
```
#9c9f42
```
#9c9f42 rgb(156,159,66)
```
#a4a839
```
#a4a839 rgb(164,168,57)
```
#acb031
```
#acb031 rgb(172,176,49)
```
#b4b928
```
#b4b928 rgb(180,185,40)
```
#bcc21f
```
#bcc21f rgb(188,194,31)
```
#c4ca17
```
#c4ca17 rgb(196,202,23)
```
#ccd30e
```
#ccd30e rgb(204,211,14)
```
#d4dc05
```
#d4dc05 rgb(212,220,5)
```

Tone Color Variation

Below, you can see how #ccd30e 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
#bebf98 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#ccd30e hex color

#ccd30e Color Information

#ccd30e Color Conversion

Color Schemes with #ccd30e

Alternatives to #ccd30e

#ccd30e Preview

Shades and Tints of #ccd30e

Tones of #ccd30e

Color Blindness Simulator