#ccd516 hex color

In a RGB color space, hex #ccd516 is composed of 80% red, 83.5% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 4.2% cyan, 0% magenta, 89.7% yellow and 16.5% black. It has a hue angle of 62.8 degrees, a saturation of 81.3% and a lightness of 46.1%. #ccd516 color hex could be obtained by blending #ffff2c with #99ab00. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 80
- G 84
- B 9
RGB color chart
- C 4
- M 0
- Y 90
- K 16
CMYK color chart

● #ccd516 color description : Strong yellow.

The hexadecimal color #ccd516 has RGB values of R:204, G:213, B:22 and CMYK values of C:0.04, M:0, Y:0.9, K:0.16. Its decimal value is 13423894.

Hex triplet	ccd516	`#ccd516`
RGB Decimal	204, 213, 22	`rgb(204,213,22)`
RGB Percent	80, 83.5, 8.6	`rgb(80%,83.5%,8.6%)`
CMYK	4, 0, 90, 16
HSL	62.8°, 81.3, 46.1	`hsl(62.8,81.3%,46.1%)`
HSV (or HSB)	62.8°, 89.7, 83.5
Web Safe	cccc00	`#cccc00`

CIE-LAB	82.101, -22.364, 79.324
XYZ	48.841, 60.484, 9.861
xyY	0.41, 0.507, 60.484
CIE-LCH	82.101, 82.417, 105.745
CIE-LUV	82.101, 0.385, 89.576
Hunter-Lab	77.772, -24.002, 46.923
Binary	11001100, 11010101, 00010110

#ccd516
```
#ccd516 rgb(204,213,22)
```
#1f16d5
```
#1f16d5 rgb(31,22,213)
```

Complementary Color

#d57f16
```
#d57f16 rgb(213,127,22)
```
#ccd516
```
#ccd516 rgb(204,213,22)
```
#6dd516
```
#6dd516 rgb(109,213,22)
```

Analogous Color

#7f16d5
```
#7f16d5 rgb(127,22,213)
```
#ccd516
```
#ccd516 rgb(204,213,22)
```
#166dd5
```
#166dd5 rgb(22,109,213)
```

Split Complementary Color

#d516cc
```
#d516cc rgb(213,22,204)
```
#ccd516
```
#ccd516 rgb(204,213,22)
```
#16ccd5
```
#16ccd5 rgb(22,204,213)
```

Triadic Color

#d51f16
```
#d51f16 rgb(213,31,22)
```
#ccd516
```
#ccd516 rgb(204,213,22)
```
#16ccd5
```
#16ccd5 rgb(22,204,213)
```
#1f16d5
```
#1f16d5 rgb(31,22,213)
```

Tetradic Color

#8a900f
```
#8a900f rgb(138,144,15)
```
#a0a711
```
#a0a711 rgb(160,167,17)
```
#b6be14
```
#b6be14 rgb(182,190,20)
```
#ccd516
```
#ccd516 rgb(204,213,22)
```
#dee81d
```
#dee81d rgb(222,232,29)
```
#e1ea34
```
#e1ea34 rgb(225,234,52)
```
#e5ec4b
```
#e5ec4b rgb(229,236,75)
```

Monochromatic Color

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

#d5ae16
```
#d5ae16 rgb(213,174,22)
```
#d5be16
```
#d5be16 rgb(213,190,22)
```
#d5ce16
```
#d5ce16 rgb(213,206,22)
```
#ccd516
```
#ccd516 rgb(204,213,22)
```
#bcd516
```
#bcd516 rgb(188,213,22)
```
#acd516
```
#acd516 rgb(172,213,22)
```
#9cd516
```
#9cd516 rgb(156,213,22)
```

Similar Colors

Text with hexadecimal color #ccd516

This text has a font color of #ccd516.

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

#ccd516 background color

This paragraph has a background color of #ccd516.

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

#ccd516 border color

This element has a border color of #ccd516.

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

CSS codes

.text {color:#ccd516;}

.background {background-color:#ccd516;}

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

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

#111102
```
#111102 rgb(17,17,2)
```
#222304
```
#222304 rgb(34,35,4)
```
#333505
```
#333505 rgb(51,53,5)
```
#444707
```
#444707 rgb(68,71,7)
```
#555909
```
#555909 rgb(85,89,9)
```
#666a0b
```
#666a0b rgb(102,106,11)
```
#777c0d
```
#777c0d rgb(119,124,13)
```
#888e0f
```
#888e0f rgb(136,142,15)
```
#99a010
```
#99a010 rgb(153,160,16)
```
#aab112
```
#aab112 rgb(170,177,18)
```
#bbc314
```
#bbc314 rgb(187,195,20)
```
#ccd516
```
#ccd516 rgb(204,213,22)
```
#dde718
```
#dde718 rgb(221,231,24)
```

Shade Color Variation

#e0e929
```
#e0e929 rgb(224,233,41)
```
#e2eb3b
```
#e2eb3b rgb(226,235,59)
```
#e5ed4d
```
#e5ed4d rgb(229,237,77)
```
#e8ee5f
```
#e8ee5f rgb(232,238,95)
```
#eaf070
```
#eaf070 rgb(234,240,112)
```
#edf282
```
#edf282 rgb(237,242,130)
```
#eff494
```
#eff494 rgb(239,244,148)
```
#f2f6a6
```
#f2f6a6 rgb(242,246,166)
```
#f5f8b8
```
#f5f8b8 rgb(245,248,184)
```
#f7f9c9
```
#f7f9c9 rgb(247,249,201)
```
#fafbdb
```
#fafbdb rgb(250,251,219)
```
#fcfded
```
#fcfded rgb(252,253,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7a7b70
```
#7a7b70 rgb(122,123,112)
```
#828467
```
#828467 rgb(130,132,103)
```
#8b8d5e
```
#8b8d5e rgb(139,141,94)
```
#939655
```
#939655 rgb(147,150,85)
```
#9b9f4c
```
#9b9f4c rgb(155,159,76)
```
#a3a843
```
#a3a843 rgb(163,168,67)
```
#abb13a
```
#abb13a rgb(171,177,58)
```
#b3ba31
```
#b3ba31 rgb(179,186,49)
```
#bcc328
```
#bcc328 rgb(188,195,40)
```
#c4cc1f
```
#c4cc1f rgb(196,204,31)
```
#ccd516
```
#ccd516 rgb(204,213,22)
```
#d4de0d
```
#d4de0d rgb(212,222,13)
```
#dce704
```
#dce704 rgb(220,231,4)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#c0c29c Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7cf1f Protanopia 1% of men
#ffc54e Deuteranopia 1% of men
#dec8d7 Tritanopia 0.001% of the population

Trichromacy

#ddd11b Protanomaly 1% of men, 0.01% of women
#eccb39 Deuteranomaly 6% of men, 0.4% of women
#d7cd90 Tritanomaly 0.01% of the population

#ccd516 hex color

#ccd516 Color Information

#ccd516 Color Conversion

Color Schemes with #ccd516

Alternatives to #ccd516

#ccd516 Preview

Shades and Tints of #ccd516

Tones of #ccd516

Color Blindness Simulator