colorhexa.com

#ccd764 hex color

In a RGB color space, hex #ccd764 is composed of 80% red, 84.3% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 5.1% cyan, 0% magenta, 53.5% yellow and 15.7% black. It has a hue angle of 65.7 degrees, a saturation of 59% and a lightness of 61.8%. #ccd764 color hex could be obtained by blending #ffffc8 with #99af00. Closest websafe color is: #cccc66.

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

● #ccd764 color description : Moderate yellow.

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

Hex triplet	ccd764	`#ccd764`
RGB Decimal	204, 215, 100	`rgb(204,215,100)`
RGB Percent	80, 84.3, 39.2	`rgb(80%,84.3%,39.2%)`
CMYK	5, 0, 53, 16
HSL	65.7°, 59, 61.8	`hsl(65.7,59%,61.8%)`
HSV (or HSB)	65.7°, 53.5, 84.3
Web Safe	cccc66	`#cccc66`

CIE-LAB	83.104, -19.542, 54.624
XYZ	51.502, 62.359, 21.379
xyY	0.381, 0.461, 62.359
CIE-LCH	83.104, 58.014, 109.685
CIE-LUV	83.104, -1.979, 70.923
Hunter-Lab	78.968, -21.777, 39.225
Binary	11001100, 11010111, 01100100

#ccd764
```
#ccd764 rgb(204,215,100)
```
#6f64d7
```
#6f64d7 rgb(111,100,215)
```

Complementary Color

#d7a964
```
#d7a964 rgb(215,169,100)
```
#ccd764
```
#ccd764 rgb(204,215,100)
```
#93d764
```
#93d764 rgb(147,215,100)
```

Analogous Color

#a964d7
```
#a964d7 rgb(169,100,215)
```
#ccd764
```
#ccd764 rgb(204,215,100)
```
#6493d7
```
#6493d7 rgb(100,147,215)
```

Split Complementary Color

#d764cc
```
#d764cc rgb(215,100,204)
```
#ccd764
```
#ccd764 rgb(204,215,100)
```
#64ccd7
```
#64ccd7 rgb(100,204,215)
```

Triadic Color

#d76f64
```
#d76f64 rgb(215,111,100)
```
#ccd764
```
#ccd764 rgb(204,215,100)
```
#64ccd7
```
#64ccd7 rgb(100,204,215)
```
#6f64d7
```
#6f64d7 rgb(111,100,215)
```

Tetradic Color

#b0be31
```
#b0be31 rgb(176,190,49)
```
#bfcd3b
```
#bfcd3b rgb(191,205,59)
```
#c5d250
```
#c5d250 rgb(197,210,80)
```
#ccd764
```
#ccd764 rgb(204,215,100)
```
#d3dc78
```
#d3dc78 rgb(211,220,120)
```
#d9e18d
```
#d9e18d rgb(217,225,141)
```
#e0e7a1
```
#e0e7a1 rgb(224,231,161)
```

Monochromatic Color

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

#d7c564
```
#d7c564 rgb(215,197,100)
```
#d7cf64
```
#d7cf64 rgb(215,207,100)
```
#d6d764
```
#d6d764 rgb(214,215,100)
```
#ccd764
```
#ccd764 rgb(204,215,100)
```
#c2d764
```
#c2d764 rgb(194,215,100)
```
#b9d764
```
#b9d764 rgb(185,215,100)
```
#afd764
```
#afd764 rgb(175,215,100)
```

Similar Colors

Text with hexadecimal color #ccd764

This text has a font color of #ccd764.

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

#ccd764 background color

This paragraph has a background color of #ccd764.

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

#ccd764 border color

This element has a border color of #ccd764.

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

CSS codes

.text {color:#ccd764;}

.background {background-color:#ccd764;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0f1104
```
#0f1104 rgb(15,17,4)
```
#1e2008
```
#1e2008 rgb(30,32,8)
```
#2c300c
```
#2c300c rgb(44,48,12)
```
#3b3f10
```
#3b3f10 rgb(59,63,16)
```
#494f14
```
#494f14 rgb(73,79,20)
```
#585e18
```
#585e18 rgb(88,94,24)
```
#666e1c
```
#666e1c rgb(102,110,28)
```
#757e20
```
#757e20 rgb(117,126,32)
```
#838d24
```
#838d24 rgb(131,141,36)
```
#929d28
```
#929d28 rgb(146,157,40)
```
#a0ac2c
```
#a0ac2c rgb(160,172,44)
```
#afbc31
```
#afbc31 rgb(175,188,49)
```

Shade Color Variation

#bdcb35
```
#bdcb35 rgb(189,203,53)
```
#c2cf45
```
#c2cf45 rgb(194,207,69)
```
#c7d354
```
#c7d354 rgb(199,211,84)
```
#ccd764
```
#ccd764 rgb(204,215,100)
```
#d1db74
```
#d1db74 rgb(209,219,116)
```
#d6df83
```
#d6df83 rgb(214,223,131)
```
#dbe393
```
#dbe393 rgb(219,227,147)
```
#e1e7a2
```
#e1e7a2 rgb(225,231,162)
```
#e6ebb2
```
#e6ebb2 rgb(230,235,178)
```
#ebefc2
```
#ebefc2 rgb(235,239,194)
```
#f0f3d1
```
#f0f3d1 rgb(240,243,209)
```
#f5f7e1
```
#f5f7e1 rgb(245,247,225)
```
#fafbf0
```
#fafbf0 rgb(250,251,240)
```

Tint Color Variation

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

#a2a399
```
#a2a399 rgb(162,163,153)
```
#a8aa91
```
#a8aa91 rgb(168,170,145)
```
#aeb28a
```
#aeb28a rgb(174,178,138)
```
#b4b982
```
#b4b982 rgb(180,185,130)
```
#bac17b
```
#bac17b rgb(186,193,123)
```
#c0c873
```
#c0c873 rgb(192,200,115)
```
#c6d06c
```
#c6d06c rgb(198,208,108)
```
#ccd764
```
#ccd764 rgb(204,215,100)
```
#d2df5d
```
#d2df5d rgb(210,223,93)
```
#d8e655
```
#d8e655 rgb(216,230,85)
```
#deee4e
```
#deee4e rgb(222,238,78)
```
#e4f546
```
#e4f546 rgb(228,245,70)
```
#eafd3f
```
#eafd3f rgb(234,253,63)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c8cab3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7d169 Protanopia 1% of men
#ffc871 Deuteranopia 1% of men
#dcccdb Tritanopia 0.001% of the population

Trichromacy

#ddd367 Protanomaly 1% of men, 0.01% of women
#eccd6c Deuteranomaly 6% of men, 0.4% of women
#d6d0b0 Tritanomaly 0.01% of the population