#ccd317 hex color

In a RGB color space, hex #ccd317 is composed of 80% red, 82.7% green and 9% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 0% magenta, 89.1% yellow and 17.3% black. It has a hue angle of 62.2 degrees, a saturation of 80.3% and a lightness of 45.9%. #ccd317 color hex could be obtained by blending #ffff2e with #99a700. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 80
- G 83
- B 9
RGB color chart
- C 3
- M 0
- Y 89
- K 17
CMYK color chart

● #ccd317 color description : Strong yellow.

The hexadecimal color #ccd317 has RGB values of R:204, G:211, B:23 and CMYK values of C:0.03, M:0, Y:0.89, K:0.17. Its decimal value is 13423383.

Hex triplet	ccd317	`#ccd317`
RGB Decimal	204, 211, 23	`rgb(204,211,23)`
RGB Percent	80, 82.7, 9	`rgb(80%,82.7%,9%)`
CMYK	3, 0, 89, 17
HSL	62.2°, 80.3, 45.9	`hsl(62.2,80.3%,45.9%)`
HSV (or HSB)	62.2°, 89.1, 82.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	81.559, -21.374, 78.741
XYZ	48.351, 59.488, 9.746
xyY	0.411, 0.506, 59.488
CIE-LCH	81.559, 81.59, 105.187
CIE-LUV	81.559, 1.657, 88.709
Hunter-Lab	77.129, -23.076, 46.498
Binary	11001100, 11010011, 00010111

#ccd317
```
#ccd317 rgb(204,211,23)
```
#1e17d3
```
#1e17d3 rgb(30,23,211)
```

Complementary Color

#d37c17
```
#d37c17 rgb(211,124,23)
```
#ccd317
```
#ccd317 rgb(204,211,23)
```
#6ed317
```
#6ed317 rgb(110,211,23)
```

Analogous Color

#7c17d3
```
#7c17d3 rgb(124,23,211)
```
#ccd317
```
#ccd317 rgb(204,211,23)
```
#176ed3
```
#176ed3 rgb(23,110,211)
```

Split Complementary Color

#d317cc
```
#d317cc rgb(211,23,204)
```
#ccd317
```
#ccd317 rgb(204,211,23)
```
#17ccd3
```
#17ccd3 rgb(23,204,211)
```

Triadic Color

#d31e17
```
#d31e17 rgb(211,30,23)
```
#ccd317
```
#ccd317 rgb(204,211,23)
```
#17ccd3
```
#17ccd3 rgb(23,204,211)
```
#1e17d3
```
#1e17d3 rgb(30,23,211)
```

Tetradic Color

#898e0f
```
#898e0f rgb(137,142,15)
```
#a0a512
```
#a0a512 rgb(160,165,18)
```
#b6bc14
```
#b6bc14 rgb(182,188,20)
```
#ccd317
```
#ccd317 rgb(204,211,23)
```
#dfe61d
```
#dfe61d rgb(223,230,29)
```
#e2e934
```
#e2e934 rgb(226,233,52)
```
#e5eb4b
```
#e5eb4b rgb(229,235,75)
```

Monochromatic Color

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

#d3ab17
```
#d3ab17 rgb(211,171,23)
```
#d3bb17
```
#d3bb17 rgb(211,187,23)
```
#d3ca17
```
#d3ca17 rgb(211,202,23)
```
#ccd317
```
#ccd317 rgb(204,211,23)
```
#bcd317
```
#bcd317 rgb(188,211,23)
```
#add317
```
#add317 rgb(173,211,23)
```
#9dd317
```
#9dd317 rgb(157,211,23)
```

Similar Colors

Text with hexadecimal color #ccd317

This text has a font color of #ccd317.

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

#ccd317 background color

This paragraph has a background color of #ccd317.

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

#ccd317 border color

This element has a border color of #ccd317.

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

CSS codes

.text {color:#ccd317;}

.background {background-color:#ccd317;}

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

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

#101002
```
#101002 rgb(16,16,2)
```
#212204
```
#212204 rgb(33,34,4)
```
#323406
```
#323406 rgb(50,52,6)
```
#434608
```
#434608 rgb(67,70,8)
```
#54570a
```
#54570a rgb(84,87,10)
```
#65690b
```
#65690b rgb(101,105,11)
```
#767b0d
```
#767b0d rgb(118,123,13)
```
#888c0f
```
#888c0f rgb(136,140,15)
```
#999e11
```
#999e11 rgb(153,158,17)
```
#aab013
```
#aab013 rgb(170,176,19)
```
#bbc115
```
#bbc115 rgb(187,193,21)
```
#ccd317
```
#ccd317 rgb(204,211,23)
```
#dde519
```
#dde519 rgb(221,229,25)
```

Shade Color Variation

#e1e82a
```
#e1e82a rgb(225,232,42)
```
#e3ea3b
```
#e3ea3b rgb(227,234,59)
```
#e6ec4d
```
#e6ec4d rgb(230,236,77)
```
#e8ee5f
```
#e8ee5f rgb(232,238,95)
```
#ebef70
```
#ebef70 rgb(235,239,112)
```
#edf182
```
#edf182 rgb(237,241,130)
```
#f0f394
```
#f0f394 rgb(240,243,148)
```
#f2f5a5
```
#f2f5a5 rgb(242,245,165)
```
#f5f7b7
```
#f5f7b7 rgb(245,247,183)
```
#f7f9c9
```
#f7f9c9 rgb(247,249,201)
```
#fafbda
```
#fafbda rgb(250,251,218)
```
#fcfdec
```
#fcfdec rgb(252,253,236)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#797971
```
#797971 rgb(121,121,113)
```
#818268
```
#818268 rgb(129,130,104)
```
#898b5f
```
#898b5f rgb(137,139,95)
```
#929456
```
#929456 rgb(146,148,86)
```
#9a9d4d
```
#9a9d4d rgb(154,157,77)
```
#a2a644
```
#a2a644 rgb(162,166,68)
```
#abaf3b
```
#abaf3b rgb(171,175,59)
```
#b3b832
```
#b3b832 rgb(179,184,50)
```
#bbc129
```
#bbc129 rgb(187,193,41)
```
#c4ca20
```
#c4ca20 rgb(196,202,32)
```
#ccd317
```
#ccd317 rgb(204,211,23)
```
#d4dc0e
```
#d4dc0e rgb(212,220,14)
```
#dde505
```
#dde505 rgb(221,229,5)
```

Tone Color Variation

Below, you can see how #ccd317 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
#bec09a Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6cd20 Protanopia 1% of men
#ffc33f Deuteranopia 1% of men
#ddc7d5 Tritanopia 0.001% of the population

Trichromacy

#dccf1d Protanomaly 1% of men, 0.01% of women
#ecc930 Deuteranomaly 6% of men, 0.4% of women
#d7cb90 Tritanomaly 0.01% of the population

#ccd317 hex color

#ccd317 Color Information

#ccd317 Color Conversion

Color Schemes with #ccd317

Alternatives to #ccd317

#ccd317 Preview

Shades and Tints of #ccd317

Tones of #ccd317

Color Blindness Simulator