colorhexa.com

#ccd707 hex color

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

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

● #ccd707 color description : Strong yellow.

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

Hex triplet	ccd707	`#ccd707`
RGB Decimal	204, 215, 7	`rgb(204,215,7)`
RGB Percent	80, 84.3, 2.7	`rgb(80%,84.3%,2.7%)`
CMYK	5, 0, 97, 16
HSL	63.2°, 93.7, 43.5	`hsl(63.2,93.7%,43.5%)`
HSV (or HSB)	63.2°, 96.7, 84.3
Web Safe	cccc00	`#cccc00`

CIE-LAB	82.622, -23.522, 81.429
XYZ	49.241, 61.454, 9.469
xyY	0.41, 0.511, 61.454
CIE-LCH	82.622, 84.759, 106.112
CIE-LUV	82.622, -0.828, 91.351
Hunter-Lab	78.393, -25.066, 47.713
Binary	11001100, 11010111, 00000111

#ccd707
```
#ccd707 rgb(204,215,7)
```
#1207d7
```
#1207d7 rgb(18,7,215)
```

Complementary Color

#d77a07
```
#d77a07 rgb(215,122,7)
```
#ccd707
```
#ccd707 rgb(204,215,7)
```
#64d707
```
#64d707 rgb(100,215,7)
```

Analogous Color

#7a07d7
```
#7a07d7 rgb(122,7,215)
```
#ccd707
```
#ccd707 rgb(204,215,7)
```
#0764d7
```
#0764d7 rgb(7,100,215)
```

Split Complementary Color

#d707cc
```
#d707cc rgb(215,7,204)
```
#ccd707
```
#ccd707 rgb(204,215,7)
```
#07ccd7
```
#07ccd7 rgb(7,204,215)
```

Triadic Color

#868d05
```
#868d05 rgb(134,141,5)
```
#9da605
```
#9da605 rgb(157,166,5)
```
#b5be06
```
#b5be06 rgb(181,190,6)
```
#ccd707
```
#ccd707 rgb(204,215,7)
```
#e3f008
```
#e3f008 rgb(227,240,8)
```
#ecf819
```
#ecf819 rgb(236,248,25)
```
#eef832
```
#eef832 rgb(238,248,50)
```

Monochromatic Color

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

#d7ae07
```
#d7ae07 rgb(215,174,7)
```
#d7bf07
```
#d7bf07 rgb(215,191,7)
```
#d7d107
```
#d7d107 rgb(215,209,7)
```
#ccd707
```
#ccd707 rgb(204,215,7)
```
#bbd707
```
#bbd707 rgb(187,215,7)
```
#a9d707
```
#a9d707 rgb(169,215,7)
```
#98d707
```
#98d707 rgb(152,215,7)
```

Similar Colors

Text with hexadecimal color #ccd707

This text has a font color of #ccd707.

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

#ccd707 background color

This paragraph has a background color of #ccd707.

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

#ccd707 border color

This element has a border color of #ccd707.

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

CSS codes

.text {color:#ccd707;}

.background {background-color:#ccd707;}

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

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

#060600
```
#060600 rgb(6,6,0)
```
#181901
```
#181901 rgb(24,25,1)
```
#2a2c01
```
#2a2c01 rgb(42,44,1)
```
#3c3f02
```
#3c3f02 rgb(60,63,2)
```
#4e5203
```
#4e5203 rgb(78,82,3)
```
#606503
```
#606503 rgb(96,101,3)
```
#727804
```
#727804 rgb(114,120,4)
```
#848b05
```
#848b05 rgb(132,139,5)
```
#969e05
```
#969e05 rgb(150,158,5)
```
#a8b106
```
#a8b106 rgb(168,177,6)
```
#bac406
```
#bac406 rgb(186,196,6)
```
#ccd707
```
#ccd707 rgb(204,215,7)
```
#deea08
```
#deea08 rgb(222,234,8)
```

Shade Color Variation

#ebf70e
```
#ebf70e rgb(235,247,14)
```
#ecf821
```
#ecf821 rgb(236,248,33)
```
#eef834
```
#eef834 rgb(238,248,52)
```
#f0f947
```
#f0f947 rgb(240,249,71)
```
#f1fa5a
```
#f1fa5a rgb(241,250,90)
```
#f3fa6d
```
#f3fa6d rgb(243,250,109)
```
#f4fb80
```
#f4fb80 rgb(244,251,128)
```
#f6fb93
```
#f6fb93 rgb(246,251,147)
```
#f8fca6
```
#f8fca6 rgb(248,252,166)
```
#f9fdb9
```
#f9fdb9 rgb(249,253,185)
```
#fbfdcc
```
#fbfdcc rgb(251,253,204)
```
#fcfedf
```
#fcfedf rgb(252,254,223)
```
#fefff2
```
#fefff2 rgb(254,255,242)
```

Tint Color Variation

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

#70716d
```
#70716d rgb(112,113,109)
```
#787965
```
#787965 rgb(120,121,101)
```
#80825c
```
#80825c rgb(128,130,92)
```
#878a54
```
#878a54 rgb(135,138,84)
```
#8f934b
```
#8f934b rgb(143,147,75)
```
#979b43
```
#979b43 rgb(151,155,67)
```
#9ea43a
```
#9ea43a rgb(158,164,58)
```
#a6ac32
```
#a6ac32 rgb(166,172,50)
```
#adb529
```
#adb529 rgb(173,181,41)
```
#b5bd21
```
#b5bd21 rgb(181,189,33)
```
#bdc618
```
#bdc618 rgb(189,198,24)
```
#c4ce10
```
#c4ce10 rgb(196,206,16)
```
#ccd707
```
#ccd707 rgb(204,215,7)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#bfc198 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d00d Protanopia 1% of men
#ffc759 Deuteranopia 1% of men
#decad8 Tritanopia 0.001% of the population

Trichromacy

#ded20b Protanomaly 1% of men, 0.01% of women
#eccd3b Deuteranomaly 6% of men, 0.4% of women
#d7cf8c Tritanomaly 0.01% of the population