#ccd018 hex color

In a RGB color space, hex #ccd018 is composed of 80% red, 81.6% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 1.9% cyan, 0% magenta, 88.5% yellow and 18.4% black. It has a hue angle of 61.3 degrees, a saturation of 79.3% and a lightness of 45.5%. #ccd018 color hex could be obtained by blending #ffff30 with #99a100. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 80
- G 82
- B 9
RGB color chart
- C 2
- M 0
- Y 88
- K 18
CMYK color chart

● #ccd018 color description : Strong yellow.

The hexadecimal color #ccd018 has RGB values of R:204, G:208, B:24 and CMYK values of C:0.02, M:0, Y:0.88, K:0.18. Its decimal value is 13422616.

Hex triplet	ccd018	`#ccd018`
RGB Decimal	204, 208, 24	`rgb(204,208,24)`
RGB Percent	80, 81.6, 9.4	`rgb(80%,81.6%,9.4%)`
CMYK	2, 0, 88, 18
HSL	61.3°, 79.3, 45.5	`hsl(61.3,79.3%,45.5%)`
HSV (or HSB)	61.3°, 88.5, 81.6
Web Safe	cccc00	`#cccc00`

CIE-LAB	80.748, -19.889, 77.934
XYZ	47.623, 58.016, 9.554
xyY	0.413, 0.504, 58.016
CIE-LCH	80.748, 80.432, 104.317
CIE-LUV	80.748, 3.584, 87.449
Hunter-Lab	76.168, -21.69, 45.881
Binary	11001100, 11010000, 00011000

#ccd018
```
#ccd018 rgb(204,208,24)
```
#1c18d0
```
#1c18d0 rgb(28,24,208)
```

Complementary Color

#d07818
```
#d07818 rgb(208,120,24)
```
#ccd018
```
#ccd018 rgb(204,208,24)
```
#70d018
```
#70d018 rgb(112,208,24)
```

Analogous Color

#7818d0
```
#7818d0 rgb(120,24,208)
```
#ccd018
```
#ccd018 rgb(204,208,24)
```
#1870d0
```
#1870d0 rgb(24,112,208)
```

Split Complementary Color

#d018cc
```
#d018cc rgb(208,24,204)
```
#ccd018
```
#ccd018 rgb(204,208,24)
```
#18ccd0
```
#18ccd0 rgb(24,204,208)
```

Triadic Color

#d01c18
```
#d01c18 rgb(208,28,24)
```
#ccd018
```
#ccd018 rgb(204,208,24)
```
#18ccd0
```
#18ccd0 rgb(24,204,208)
```
#1c18d0
```
#1c18d0 rgb(28,24,208)
```

Tetradic Color

#898b10
```
#898b10 rgb(137,139,16)
```
#9fa213
```
#9fa213 rgb(159,162,19)
```
#b6b915
```
#b6b915 rgb(182,185,21)
```
#ccd018
```
#ccd018 rgb(204,208,24)
```
#e1e51d
```
#e1e51d rgb(225,229,29)
```
#e4e833
```
#e4e833 rgb(228,232,51)
```
#e7ea4a
```
#e7ea4a rgb(231,234,74)
```

Monochromatic Color

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

#d0a618
```
#d0a618 rgb(208,166,24)
```
#d0b518
```
#d0b518 rgb(208,181,24)
```
#d0c518
```
#d0c518 rgb(208,197,24)
```
#ccd018
```
#ccd018 rgb(204,208,24)
```
#bdd018
```
#bdd018 rgb(189,208,24)
```
#add018
```
#add018 rgb(173,208,24)
```
#9ed018
```
#9ed018 rgb(158,208,24)
```

Similar Colors

Text with hexadecimal color #ccd018

This text has a font color of #ccd018.

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

#ccd018 background color

This paragraph has a background color of #ccd018.

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

#ccd018 border color

This element has a border color of #ccd018.

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

CSS codes

.text {color:#ccd018;}

.background {background-color:#ccd018;}

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

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

#0e0f02
```
#0e0f02 rgb(14,15,2)
```
#202004
```
#202004 rgb(32,32,4)
```
#313206
```
#313206 rgb(49,50,6)
```
#424308
```
#424308 rgb(66,67,8)
```
#53550a
```
#53550a rgb(83,85,10)
```
#65660c
```
#65660c rgb(101,102,12)
```
#76780e
```
#76780e rgb(118,120,14)
```
#878a10
```
#878a10 rgb(135,138,16)
```
#989b12
```
#989b12 rgb(152,155,18)
```
#aaad14
```
#aaad14 rgb(170,173,20)
```
#bbbe16
```
#bbbe16 rgb(187,190,22)
```
#ccd018
```
#ccd018 rgb(204,208,24)
```
#dde21a
```
#dde21a rgb(221,226,26)
```

Shade Color Variation

#e2e629
```
#e2e629 rgb(226,230,41)
```
#e5e83b
```
#e5e83b rgb(229,232,59)
```
#e7ea4c
```
#e7ea4c rgb(231,234,76)
```
#e9ec5e
```
#e9ec5e rgb(233,236,94)
```
#ecee6f
```
#ecee6f rgb(236,238,111)
```
#eef081
```
#eef081 rgb(238,240,129)
```
#f0f292
```
#f0f292 rgb(240,242,146)
```
#f3f5a4
```
#f3f5a4 rgb(243,245,164)
```
#f5f7b6
```
#f5f7b6 rgb(245,247,182)
```
#f7f9c7
```
#f7f9c7 rgb(247,249,199)
```
#fafbd9
```
#fafbd9 rgb(250,251,217)
```
#fcfdea
```
#fcfdea rgb(252,253,234)
```
#fffffc
```
#fffffc rgb(255,255,252)
```

Tint Color Variation

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

#777771
```
#777771 rgb(119,119,113)
```
#7f8068
```
#7f8068 rgb(127,128,104)
```
#88895f
```
#88895f rgb(136,137,95)
```
#909256
```
#909256 rgb(144,146,86)
```
#999a4e
```
#999a4e rgb(153,154,78)
```
#a1a345
```
#a1a345 rgb(161,163,69)
```
#aaac3c
```
#aaac3c rgb(170,172,60)
```
#b2b533
```
#b2b533 rgb(178,181,51)
```
#bbbe2a
```
#bbbe2a rgb(187,190,42)
```
#c3c721
```
#c3c721 rgb(195,199,33)
```
#ccd018
```
#ccd018 rgb(204,208,24)
```
#d5d90f
```
#d5d90f rgb(213,217,15)
```
#dde206
```
#dde206 rgb(221,226,6)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#bebe9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3cb21 Protanopia 1% of men
#fdc132 Deuteranopia 1% of men
#ddc4d2 Tritanopia 0.001% of the population

Trichromacy

#dbcd1e Protanomaly 1% of men, 0.01% of women
#ebc628 Deuteranomaly 6% of men, 0.4% of women
#d7c88e Tritanomaly 0.01% of the population

#ccd018 hex color

#ccd018 Color Information

#ccd018 Color Conversion

Color Schemes with #ccd018

Alternatives to #ccd018

#ccd018 Preview

Shades and Tints of #ccd018

Tones of #ccd018

Color Blindness Simulator