#ccd914 hex color

In a RGB color space, hex #ccd914 is composed of 80% red, 85.1% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 6% cyan, 0% magenta, 90.8% yellow and 14.9% black. It has a hue angle of 64 degrees, a saturation of 83.1% and a lightness of 46.5%. #ccd914 color hex could be obtained by blending #ffff28 with #99b300. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 80
- G 85
- B 8
RGB color chart
- C 6
- M 0
- Y 91
- K 15
CMYK color chart

● #ccd914 color description : Vivid yellow.

The hexadecimal color #ccd914 has RGB values of R:204, G:217, B:20 and CMYK values of C:0.06, M:0, Y:0.91, K:0.15. Its decimal value is 13424916.

Hex triplet	ccd914	`#ccd914`
RGB Decimal	204, 217, 20	`rgb(204,217,20)`
RGB Percent	80, 85.1, 7.8	`rgb(80%,85.1%,7.8%)`
CMYK	6, 0, 91, 15
HSL	64°, 83.1, 46.5	`hsl(64,83.1%,46.5%)`
HSV (or HSB)	64°, 90.8, 85.1
Web Safe	cccc00	`#cccc00`

CIE-LAB	83.186, -24.327, 80.467
XYZ	49.841, 62.514, 10.103
xyY	0.407, 0.51, 62.514
CIE-LCH	83.186, 84.064, 106.821
CIE-LUV	83.186, -2.135, 91.291
Hunter-Lab	79.066, -25.844, 47.77
Binary	11001100, 11011001, 00010100

#ccd914
```
#ccd914 rgb(204,217,20)
```
#2114d9
```
#2114d9 rgb(33,20,217)
```

Complementary Color

#d98414
```
#d98414 rgb(217,132,20)
```
#ccd914
```
#ccd914 rgb(204,217,20)
```
#6ad914
```
#6ad914 rgb(106,217,20)
```

Analogous Color

#8414d9
```
#8414d9 rgb(132,20,217)
```
#ccd914
```
#ccd914 rgb(204,217,20)
```
#146ad9
```
#146ad9 rgb(20,106,217)
```

Split Complementary Color

#d914cc
```
#d914cc rgb(217,20,204)
```
#ccd914
```
#ccd914 rgb(204,217,20)
```
#14ccd9
```
#14ccd9 rgb(20,204,217)
```

Triadic Color

#d92114
```
#d92114 rgb(217,33,20)
```
#ccd914
```
#ccd914 rgb(204,217,20)
```
#14ccd9
```
#14ccd9 rgb(20,204,217)
```
#2114d9
```
#2114d9 rgb(33,20,217)
```

Tetradic Color

#8a930e
```
#8a930e rgb(138,147,14)
```
#a0aa10
```
#a0aa10 rgb(160,170,16)
```
#b6c212
```
#b6c212 rgb(182,194,18)
```
#ccd914
```
#ccd914 rgb(204,217,20)
```
#ddea1c
```
#ddea1c rgb(221,234,28)
```
#e0ec34
```
#e0ec34 rgb(224,236,52)
```
#e4ee4b
```
#e4ee4b rgb(228,238,75)
```

Monochromatic Color

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

#d9b514
```
#d9b514 rgb(217,181,20)
```
#d9c514
```
#d9c514 rgb(217,197,20)
```
#d9d614
```
#d9d614 rgb(217,214,20)
```
#ccd914
```
#ccd914 rgb(204,217,20)
```
#bcd914
```
#bcd914 rgb(188,217,20)
```
#abd914
```
#abd914 rgb(171,217,20)
```
#9bd914
```
#9bd914 rgb(155,217,20)
```

Similar Colors

Text with hexadecimal color #ccd914

This text has a font color of #ccd914.

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

#ccd914 background color

This paragraph has a background color of #ccd914.

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

#ccd914 border color

This element has a border color of #ccd914.

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

CSS codes

.text {color:#ccd914;}

.background {background-color:#ccd914;}

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

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 #fcfdef is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#121302
```
#121302 rgb(18,19,2)
```
#232503
```
#232503 rgb(35,37,3)
```
#343705
```
#343705 rgb(52,55,5)
```
#454907
```
#454907 rgb(69,73,7)
```
#565b08
```
#565b08 rgb(86,91,8)
```
#676d0a
```
#676d0a rgb(103,109,10)
```
#787f0c
```
#787f0c rgb(120,127,12)
```
#88910d
```
#88910d rgb(136,145,13)
```
#99a30f
```
#99a30f rgb(153,163,15)
```
#aab511
```
#aab511 rgb(170,181,17)
```
#bbc712
```
#bbc712 rgb(187,199,18)
```
#ccd914
```
#ccd914 rgb(204,217,20)
```

Shade Color Variation

#dcea17
```
#dcea17 rgb(220,234,23)
```
#deeb29
```
#deeb29 rgb(222,235,41)
```
#e1ed3b
```
#e1ed3b rgb(225,237,59)
```
#e4ef4d
```
#e4ef4d rgb(228,239,77)
```
#e7f05f
```
#e7f05f rgb(231,240,95)
```
#e9f271
```
#e9f271 rgb(233,242,113)
```
#ecf483
```
#ecf483 rgb(236,244,131)
```
#eff595
```
#eff595 rgb(239,245,149)
```
#f2f7a7
```
#f2f7a7 rgb(242,247,167)
```
#f4f9b9
```
#f4f9b9 rgb(244,249,185)
```
#f7facb
```
#f7facb rgb(247,250,203)
```
#fafcdd
```
#fafcdd rgb(250,252,221)
```
#fcfdef
```
#fcfdef rgb(252,253,239)
```

Tint Color Variation

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

#7d7e6f
```
#7d7e6f rgb(125,126,111)
```
#858766
```
#858766 rgb(133,135,102)
```
#8d905d
```
#8d905d rgb(141,144,93)
```
#959954
```
#959954 rgb(149,153,84)
```
#9da24b
```
#9da24b rgb(157,162,75)
```
#a4ab42
```
#a4ab42 rgb(164,171,66)
```
#acb538
```
#acb538 rgb(172,181,56)
```
#b4be2f
```
#b4be2f rgb(180,190,47)
```
#bcc726
```
#bcc726 rgb(188,199,38)
```
#c4d01d
```
#c4d01d rgb(196,208,29)
```
#ccd914
```
#ccd914 rgb(204,217,20)
```
#d4e20b
```
#d4e20b rgb(212,226,11)
```
#dceb02
```
#dceb02 rgb(220,235,2)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#c2c49d Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd21c Protanopia 1% of men
#ffc964 Deuteranopia 1% of men
#deccda Tritanopia 0.001% of the population

Trichromacy

#dfd419 Protanomaly 1% of men, 0.01% of women
#ecce47 Deuteranomaly 6% of men, 0.4% of women
#d8d192 Tritanomaly 0.01% of the population

#ccd914 hex color

#ccd914 Color Information

#ccd914 Color Conversion

Color Schemes with #ccd914

Alternatives to #ccd914

#ccd914 Preview

Shades and Tints of #ccd914

Tones of #ccd914

Color Blindness Simulator