colorhexa.com

#ccd700 hex color

In a RGB color space, hex #ccd700 is composed of 80% red, 84.3% green and 0% blue. Whereas in a CMYK color space, it is composed of 5.1% cyan, 0% magenta, 100% yellow and 15.7% black. It has a hue angle of 63.1 degrees, a saturation of 100% and a lightness of 42.2%. #ccd700 color hex could be obtained by blending #ffff00 with #99af00. Closest websafe color is: #cccc00.

- R 80
- G 84
- B 0
RGB color chart
- C 5
- M 0
- Y 100
- K 16
CMYK color chart

● #ccd700 color description : Strong yellow.

The hexadecimal color #ccd700 has RGB values of R:204, G:215, B:0 and CMYK values of C:0.05, M:0, Y:1, K:0.16. Its decimal value is 13424384.

Hex triplet	ccd700	`#ccd700`
RGB Decimal	204, 215, 0	`rgb(204,215,0)`
RGB Percent	80, 84.3, 0	`rgb(80%,84.3%,0%)`
CMYK	5, 0, 100, 16
HSL	63.1°, 100, 42.2	`hsl(63.1,100%,42.2%)`
HSV (or HSB)	63.1°, 100, 84.3
Web Safe	cccc00	`#cccc00`

CIE-LAB	82.614, -23.591, 82.05
XYZ	49.202, 61.439, 9.267
xyY	0.41, 0.512, 61.439
CIE-LCH	82.614, 85.374, 106.041
CIE-LUV	82.614, -0.807, 91.714
Hunter-Lab	78.383, -25.123, 47.858
Binary	11001100, 11010111, 00000000

#ccd700
```
#ccd700 rgb(204,215,0)
```
#0b00d7
```
#0b00d7 rgb(11,0,215)
```

Complementary Color

#d77700
```
#d77700 rgb(215,119,0)
```
#ccd700
```
#ccd700 rgb(204,215,0)
```
#61d700
```
#61d700 rgb(97,215,0)
```

Analogous Color

#7700d7
```
#7700d7 rgb(119,0,215)
```
#ccd700
```
#ccd700 rgb(204,215,0)
```
#0060d7
```
#0060d7 rgb(0,96,215)
```

Split Complementary Color

#d700cc
```
#d700cc rgb(215,0,204)
```
#ccd700
```
#ccd700 rgb(204,215,0)
```
#00ccd7
```
#00ccd7 rgb(0,204,215)
```

Triadic Color

#838b00
```
#838b00 rgb(131,139,0)
```
#9ca400
```
#9ca400 rgb(156,164,0)
```
#b4be00
```
#b4be00 rgb(180,190,0)
```
#ccd700
```
#ccd700 rgb(204,215,0)
```
#e4f100
```
#e4f100 rgb(228,241,0)
```
#f3ff0b
```
#f3ff0b rgb(243,255,11)
```
#f4ff25
```
#f4ff25 rgb(244,255,37)
```

Monochromatic Color

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

#d7ac00
```
#d7ac00 rgb(215,172,0)
```
#d7be00
```
#d7be00 rgb(215,190,0)
```
#d7d000
```
#d7d000 rgb(215,208,0)
```
#ccd700
```
#ccd700 rgb(204,215,0)
```
#bad700
```
#bad700 rgb(186,215,0)
```
#a8d700
```
#a8d700 rgb(168,215,0)
```
#96d700
```
#96d700 rgb(150,215,0)
```

Similar Colors

Text with hexadecimal color #ccd700

This text has a font color of #ccd700.

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

#ccd700 background color

This paragraph has a background color of #ccd700.

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

#ccd700 border color

This element has a border color of #ccd700.

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

CSS codes

.text {color:#ccd700;}

.background {background-color:#ccd700;}

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

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

#121300
```
#121300 rgb(18,19,0)
```
#242600
```
#242600 rgb(36,38,0)
```
#373a00
```
#373a00 rgb(55,58,0)
```
#4a4e00
```
#4a4e00 rgb(74,78,0)
```
#5c6100
```
#5c6100 rgb(92,97,0)
```
#6f7500
```
#6f7500 rgb(111,117,0)
```
#828900
```
#828900 rgb(130,137,0)
```
#949c00
```
#949c00 rgb(148,156,0)
```
#a7b000
```
#a7b000 rgb(167,176,0)
```
#b9c300
```
#b9c300 rgb(185,195,0)
```
#ccd700
```
#ccd700 rgb(204,215,0)
```
#dfeb00
```
#dfeb00 rgb(223,235,0)
```
#f1fe00
```
#f1fe00 rgb(241,254,0)
```

Shade Color Variation

#f3ff13
```
#f3ff13 rgb(243,255,19)
```
#f4ff26
```
#f4ff26 rgb(244,255,38)
```
#f5ff3a
```
#f5ff3a rgb(245,255,58)
```
#f6ff4e
```
#f6ff4e rgb(246,255,78)
```
#f7ff61
```
#f7ff61 rgb(247,255,97)
```
#f8ff75
```
#f8ff75 rgb(248,255,117)
```
#f9ff89
```
#f9ff89 rgb(249,255,137)
```
#faff9c
```
#faff9c rgb(250,255,156)
```
#fbffb0
```
#fbffb0 rgb(251,255,176)
```
#fcffc3
```
#fcffc3 rgb(252,255,195)
```
#fdffd7
```
#fdffd7 rgb(253,255,215)
```
#feffeb
```
#feffeb rgb(254,255,235)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#737463
```
#737463 rgb(115,116,99)
```
#7a7c5b
```
#7a7c5b rgb(122,124,91)
```
#828453
```
#828453 rgb(130,132,83)
```
#898d4a
```
#898d4a rgb(137,141,74)
```
#919542
```
#919542 rgb(145,149,66)
```
#989d3a
```
#989d3a rgb(152,157,58)
```
#9fa532
```
#9fa532 rgb(159,165,50)
```
#a7ae29
```
#a7ae29 rgb(167,174,41)
```
#aeb621
```
#aeb621 rgb(174,182,33)
```
#b6be19
```
#b6be19 rgb(182,190,25)
```
#bdc611
```
#bdc611 rgb(189,198,17)
```
#c5cf08
```
#c5cf08 rgb(197,207,8)
```
#ccd700
```
#ccd700 rgb(204,215,0)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#bec196 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d000 Protanopia 1% of men
#ffc758 Deuteranopia 1% of men
#decad8 Tritanopia 0.001% of the population

Trichromacy

#ded200 Protanomaly 1% of men, 0.01% of women
#eccd38 Deuteranomaly 6% of men, 0.4% of women
#d7cf8a Tritanomaly 0.01% of the population