#ccd14e hex color

In a RGB color space, hex #ccd14e is composed of 80% red, 82% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 0% magenta, 62.7% yellow and 18% black. It has a hue angle of 62.3 degrees, a saturation of 58.7% and a lightness of 56.3%. #ccd14e color hex could be obtained by blending #ffff9c with #99a300. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 82
- B 31
RGB color chart
- C 2
- M 0
- Y 63
- K 18
CMYK color chart

● #ccd14e color description : Moderate yellow.

The hexadecimal color #ccd14e has RGB values of R:204, G:209, B:78 and CMYK values of C:0.02, M:0, Y:0.63, K:0.18. Its decimal value is 13422926.

Hex triplet	ccd14e	`#ccd14e`
RGB Decimal	204, 209, 78	`rgb(204,209,78)`
RGB Percent	80, 82, 30.6	`rgb(80%,82%,30.6%)`
CMYK	2, 0, 63, 18
HSL	62.3°, 58.7, 56.3	`hsl(62.3,58.7%,56.3%)`
HSV (or HSB)	62.3°, 62.7, 82
Web Safe	cccc66	`#cccc66`

CIE-LAB	81.286, -18.205, 62.176
XYZ	49.077, 58.989, 16.008
xyY	0.396, 0.475, 58.989
CIE-LCH	81.286, 64.787, 106.32
CIE-LUV	81.286, 2.199, 76.433
Hunter-Lab	76.804, -20.347, 41.405
Binary	11001100, 11010001, 01001110

#ccd14e
```
#ccd14e rgb(204,209,78)
```
#534ed1
```
#534ed1 rgb(83,78,209)
```

Complementary Color

#d1954e
```
#d1954e rgb(209,149,78)
```
#ccd14e
```
#ccd14e rgb(204,209,78)
```
#8bd14e
```
#8bd14e rgb(139,209,78)
```

Analogous Color

#954ed1
```
#954ed1 rgb(149,78,209)
```
#ccd14e
```
#ccd14e rgb(204,209,78)
```
#4e8bd1
```
#4e8bd1 rgb(78,139,209)
```

Split Complementary Color

#d14ecc
```
#d14ecc rgb(209,78,204)
```
#ccd14e
```
#ccd14e rgb(204,209,78)
```
#4eccd1
```
#4eccd1 rgb(78,204,209)
```

Triadic Color

#d1534e
```
#d1534e rgb(209,83,78)
```
#ccd14e
```
#ccd14e rgb(204,209,78)
```
#4eccd1
```
#4eccd1 rgb(78,204,209)
```
#534ed1
```
#534ed1 rgb(83,78,209)
```

Tetradic Color

#a2a72b
```
#a2a72b rgb(162,167,43)
```
#b6bb31
```
#b6bb31 rgb(182,187,49)
```
#c6cc3a
```
#c6cc3a rgb(198,204,58)
```
#ccd14e
```
#ccd14e rgb(204,209,78)
```
#d2d662
```
#d2d662 rgb(210,214,98)
```
#d8dc76
```
#d8dc76 rgb(216,220,118)
```
#dde18b
```
#dde18b rgb(221,225,139)
```

Monochromatic Color

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

#d1b54e
```
#d1b54e rgb(209,181,78)
```
#d1c04e
```
#d1c04e rgb(209,192,78)
```
#d1cb4e
```
#d1cb4e rgb(209,203,78)
```
#ccd14e
```
#ccd14e rgb(204,209,78)
```
#c1d14e
```
#c1d14e rgb(193,209,78)
```
#b6d14e
```
#b6d14e rgb(182,209,78)
```
#abd14e
```
#abd14e rgb(171,209,78)
```

Similar Colors

Text with hexadecimal color #ccd14e

This text has a font color of #ccd14e.

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

#ccd14e background color

This paragraph has a background color of #ccd14e.

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

#ccd14e border color

This element has a border color of #ccd14e.

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

CSS codes

.text {color:#ccd14e;}

.background {background-color:#ccd14e;}

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

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, #0a0a03 is the darkest color, while #fdfef9 is the lightest one.

#0a0a03
```
#0a0a03 rgb(10,10,3)
```
#191907
```
#191907 rgb(25,25,7)
```
#28290b
```
#28290b rgb(40,41,11)
```
#37390f
```
#37390f rgb(55,57,15)
```
#464813
```
#464813 rgb(70,72,19)
```
#555817
```
#555817 rgb(85,88,23)
```
#64671b
```
#64671b rgb(100,103,27)
```
#73771f
```
#73771f rgb(115,119,31)
```
#838623
```
#838623 rgb(131,134,35)
```
#929627
```
#929627 rgb(146,150,39)
```
#a1a62b
```
#a1a62b rgb(161,166,43)
```
#b0b52f
```
#b0b52f rgb(176,181,47)
```
#bfc533
```
#bfc533 rgb(191,197,51)
```

Shade Color Variation

#c8cd3e
```
#c8cd3e rgb(200,205,62)
```
#ccd14e
```
#ccd14e rgb(204,209,78)
```
#d0d55e
```
#d0d55e rgb(208,213,94)
```
#d5d96d
```
#d5d96d rgb(213,217,109)
```
#d9dd7d
```
#d9dd7d rgb(217,221,125)
```
#dee18c
```
#dee18c rgb(222,225,140)
```
#e2e59c
```
#e2e59c rgb(226,229,156)
```
#e7e9ab
```
#e7e9ab rgb(231,233,171)
```
#ebedbb
```
#ebedbb rgb(235,237,187)
```
#f0f1cb
```
#f0f1cb rgb(240,241,203)
```
#f4f5da
```
#f4f5da rgb(244,245,218)
```
#f9f9ea
```
#f9f9ea rgb(249,249,234)
```
#fdfef9
```
#fdfef9 rgb(253,254,249)
```

Tint Color Variation

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

#95958a
```
#95958a rgb(149,149,138)
```
#9c9e81
```
#9c9e81 rgb(156,158,129)
```
#a4a679
```
#a4a679 rgb(164,166,121)
```
#acaf70
```
#acaf70 rgb(172,175,112)
```
#b4b768
```
#b4b768 rgb(180,183,104)
```
#bcc05f
```
#bcc05f rgb(188,192,95)
```
#c4c857
```
#c4c857 rgb(196,200,87)
```
#ccd14e
```
#ccd14e rgb(204,209,78)
```
#d4da45
```
#d4da45 rgb(212,218,69)
```
#dce23d
```
#dce23d rgb(220,226,61)
```
#e4eb34
```
#e4eb34 rgb(228,235,52)
```
#ecf32c
```
#ecf32c rgb(236,243,44)
```
#f4fc23
```
#f4fc23 rgb(244,252,35)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#c3c4aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3cc55 Protanopia 1% of men
#fbc35d Deuteranopia 1% of men
#dcc6d4 Tritanopia 0.001% of the population

Trichromacy

#dace52 Protanomaly 1% of men, 0.01% of women
#eac857 Deuteranomaly 6% of men, 0.4% of women
#d6caa3 Tritanomaly 0.01% of the population

#ccd14e hex color

#ccd14e Color Information

#ccd14e Color Conversion

Color Schemes with #ccd14e

Alternatives to #ccd14e

#ccd14e Preview

Shades and Tints of #ccd14e

Tones of #ccd14e

Color Blindness Simulator