colorhexa.com

#ccd613 hex color

In a RGB color space, hex #ccd613 is composed of 80% red, 83.9% green and 7.5% blue. Whereas in a CMYK color space, it is composed of 4.7% cyan, 0% magenta, 91.1% yellow and 16.1% black. It has a hue angle of 63.1 degrees, a saturation of 83.7% and a lightness of 45.7%. #ccd613 color hex could be obtained by blending #ffff26 with #99ad00. Closest websafe color is: #cccc00.

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

● #ccd613 color description : Strong yellow.

The hexadecimal color #ccd613 has RGB values of R:204, G:214, B:19 and CMYK values of C:0.05, M:0, Y:0.91, K:0.16. Its decimal value is 13424147.

Hex triplet	ccd613	`#ccd613`
RGB Decimal	204, 214, 19	`rgb(204,214,19)`
RGB Percent	80, 83.9, 7.5	`rgb(80%,83.9%,7.5%)`
CMYK	5, 0, 91, 16
HSL	63.1°, 83.7, 45.7	`hsl(63.1,83.7%,45.7%)`
HSV (or HSB)	63.1°, 91.1, 83.9
Web Safe	cccc00	`#cccc00`

CIE-LAB	82.367, -22.897, 79.964
XYZ	49.066, 60.978, 9.801
xyY	0.409, 0.509, 60.978
CIE-LCH	82.367, 83.178, 105.979
CIE-LUV	82.367, -0.236, 90.219
Hunter-Lab	78.088, -24.496, 47.22
Binary	11001100, 11010110, 00010011

#ccd613
```
#ccd613 rgb(204,214,19)
```
#1d13d6
```
#1d13d6 rgb(29,19,214)
```

Complementary Color

#d67f13
```
#d67f13 rgb(214,127,19)
```
#ccd613
```
#ccd613 rgb(204,214,19)
```
#6bd613
```
#6bd613 rgb(107,214,19)
```

Analogous Color

#7f13d6
```
#7f13d6 rgb(127,19,214)
```
#ccd613
```
#ccd613 rgb(204,214,19)
```
#136bd6
```
#136bd6 rgb(19,107,214)
```

Split Complementary Color

#d613cc
```
#d613cc rgb(214,19,204)
```
#ccd613
```
#ccd613 rgb(204,214,19)
```
#13ccd6
```
#13ccd6 rgb(19,204,214)
```

Triadic Color

#d61d13
```
#d61d13 rgb(214,29,19)
```
#ccd613
```
#ccd613 rgb(204,214,19)
```
#13ccd6
```
#13ccd6 rgb(19,204,214)
```
#1d13d6
```
#1d13d6 rgb(29,19,214)
```

Tetradic Color

#89900d
```
#89900d rgb(137,144,13)
```
#9fa70f
```
#9fa70f rgb(159,167,15)
```
#b6bf11
```
#b6bf11 rgb(182,191,17)
```
#ccd613
```
#ccd613 rgb(204,214,19)
```
#e0ea18
```
#e0ea18 rgb(224,234,24)
```
#e3ed2f
```
#e3ed2f rgb(227,237,47)
```
#e6ef47
```
#e6ef47 rgb(230,239,71)
```

Monochromatic Color

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

#d6af13
```
#d6af13 rgb(214,175,19)
```
#d6c013
```
#d6c013 rgb(214,192,19)
```
#d6d013
```
#d6d013 rgb(214,208,19)
```
#ccd613
```
#ccd613 rgb(204,214,19)
```
#bcd613
```
#bcd613 rgb(188,214,19)
```
#acd613
```
#acd613 rgb(172,214,19)
```
#9bd613
```
#9bd613 rgb(155,214,19)
```

Similar Colors

Text with hexadecimal color #ccd613

This text has a font color of #ccd613.

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

#ccd613 background color

This paragraph has a background color of #ccd613.

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

#ccd613 border color

This element has a border color of #ccd613.

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

CSS codes

.text {color:#ccd613;}

.background {background-color:#ccd613;}

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

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, #0f1001 is the darkest color, while #fffffd is the lightest one.

#0f1001
```
#0f1001 rgb(15,16,1)
```
#202203
```
#202203 rgb(32,34,3)
```
#313405
```
#313405 rgb(49,52,5)
```
#434606
```
#434606 rgb(67,70,6)
```
#545808
```
#545808 rgb(84,88,8)
```
#656a09
```
#656a09 rgb(101,106,9)
```
#767c0b
```
#767c0b rgb(118,124,11)
```
#878e0d
```
#878e0d rgb(135,142,13)
```
#98a00e
```
#98a00e rgb(152,160,14)
```
#aab210
```
#aab210 rgb(170,178,16)
```
#bbc411
```
#bbc411 rgb(187,196,17)
```
#ccd613
```
#ccd613 rgb(204,214,19)
```
#dde815
```
#dde815 rgb(221,232,21)
```

Shade Color Variation

#e1ec25
```
#e1ec25 rgb(225,236,37)
```
#e4ed37
```
#e4ed37 rgb(228,237,55)
```
#e6ef49
```
#e6ef49 rgb(230,239,73)
```
#e9f05b
```
#e9f05b rgb(233,240,91)
```
#ebf26d
```
#ebf26d rgb(235,242,109)
```
#eef47f
```
#eef47f rgb(238,244,127)
```
#f0f591
```
#f0f591 rgb(240,245,145)
```
#f2f7a3
```
#f2f7a3 rgb(242,247,163)
```
#f5f8b5
```
#f5f8b5 rgb(245,248,181)
```
#f7fac7
```
#f7fac7 rgb(247,250,199)
```
#fafcd9
```
#fafcd9 rgb(250,252,217)
```
#fcfdeb
```
#fcfdeb rgb(252,253,235)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#7c7c6d
```
#7c7c6d rgb(124,124,109)
```
#848564
```
#848564 rgb(132,133,100)
```
#8c8e5b
```
#8c8e5b rgb(140,142,91)
```
#949752
```
#949752 rgb(148,151,82)
```
#9ca049
```
#9ca049 rgb(156,160,73)
```
#a4a940
```
#a4a940 rgb(164,169,64)
```
#acb237
```
#acb237 rgb(172,178,55)
```
#b4bb2e
```
#b4bb2e rgb(180,187,46)
```
#bcc425
```
#bcc425 rgb(188,196,37)
```
#c4cd1c
```
#c4cd1c rgb(196,205,28)
```
#ccd613
```
#ccd613 rgb(204,214,19)
```
#d4df0a
```
#d4df0a rgb(212,223,10)
```
#dce801
```
#dce801 rgb(220,232,1)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#c0c29b Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8cf1c Protanopia 1% of men
#ffc654 Deuteranopia 1% of men
#dec9d8 Tritanopia 0.001% of the population

Trichromacy

#ded218 Protanomaly 1% of men, 0.01% of women
#eccc3c Deuteranomaly 6% of men, 0.4% of women
#d7ce90 Tritanomaly 0.01% of the population