#ccd612 hex color

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

♥
- f
- t
- g
- R 80
- G 84
- B 7
RGB color chart
- C 5
- M 0
- Y 92
- K 16
CMYK color chart

● #ccd612 color description : Strong yellow.

The hexadecimal color #ccd612 has RGB values of R:204, G:214, B:18 and CMYK values of C:0.05, M:0, Y:0.92, K:0.16. Its decimal value is 13424146.

Hex triplet	ccd612	`#ccd612`
RGB Decimal	204, 214, 18	`rgb(204,214,18)`
RGB Percent	80, 83.9, 7.1	`rgb(80%,83.9%,7.1%)`
CMYK	5, 0, 92, 16
HSL	63.1°, 84.5, 45.5	`hsl(63.1,84.5%,45.5%)`
HSV (or HSB)	63.1°, 91.6, 83.9
Web Safe	cccc00	`#cccc00`

CIE-LAB	82.365, -22.912, 80.096
XYZ	49.058, 60.975, 9.757
xyY	0.41, 0.509, 60.975
CIE-LCH	82.365, 83.308, 105.964
CIE-LUV	82.365, -0.232, 90.299
Hunter-Lab	78.086, -24.509, 47.252
Binary	11001100, 11010110, 00010010

#ccd612
```
#ccd612 rgb(204,214,18)
```
#1c12d6
```
#1c12d6 rgb(28,18,214)
```

Complementary Color

#d67e12
```
#d67e12 rgb(214,126,18)
```
#ccd612
```
#ccd612 rgb(204,214,18)
```
#6ad612
```
#6ad612 rgb(106,214,18)
```

Analogous Color

#7e12d6
```
#7e12d6 rgb(126,18,214)
```
#ccd612
```
#ccd612 rgb(204,214,18)
```
#126ad6
```
#126ad6 rgb(18,106,214)
```

Split Complementary Color

#d612cc
```
#d612cc rgb(214,18,204)
```
#ccd612
```
#ccd612 rgb(204,214,18)
```
#12ccd6
```
#12ccd6 rgb(18,204,214)
```

Triadic Color

#d61c12
```
#d61c12 rgb(214,28,18)
```
#ccd612
```
#ccd612 rgb(204,214,18)
```
#12ccd6
```
#12ccd6 rgb(18,204,214)
```
#1c12d6
```
#1c12d6 rgb(28,18,214)
```

Tetradic Color

#898f0c
```
#898f0c rgb(137,143,12)
```
#9fa70e
```
#9fa70e rgb(159,167,14)
```
#b6be10
```
#b6be10 rgb(182,190,16)
```
#ccd612
```
#ccd612 rgb(204,214,18)
```
#e1eb16
```
#e1eb16 rgb(225,235,22)
```
#e4ed2e
```
#e4ed2e rgb(228,237,46)
```
#e7ef45
```
#e7ef45 rgb(231,239,69)
```

Monochromatic Color

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

#d6af12
```
#d6af12 rgb(214,175,18)
```
#d6bf12
```
#d6bf12 rgb(214,191,18)
```
#d6d012
```
#d6d012 rgb(214,208,18)
```
#ccd612
```
#ccd612 rgb(204,214,18)
```
#bcd612
```
#bcd612 rgb(188,214,18)
```
#abd612
```
#abd612 rgb(171,214,18)
```
#9bd612
```
#9bd612 rgb(155,214,18)
```

Similar Colors

Text with hexadecimal color #ccd612

This text has a font color of #ccd612.

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

#ccd612 background color

This paragraph has a background color of #ccd612.

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

#ccd612 border color

This element has a border color of #ccd612.

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

CSS codes

.text {color:#ccd612;}

.background {background-color:#ccd612;}

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

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

#0e0f01
```
#0e0f01 rgb(14,15,1)
```
#202103
```
#202103 rgb(32,33,3)
```
#313304
```
#313304 rgb(49,51,4)
```
#424506
```
#424506 rgb(66,69,6)
```
#535707
```
#535707 rgb(83,87,7)
```
#656909
```
#656909 rgb(101,105,9)
```
#767c0a
```
#767c0a rgb(118,124,10)
```
#878e0c
```
#878e0c rgb(135,142,12)
```
#98a00d
```
#98a00d rgb(152,160,13)
```
#aab20f
```
#aab20f rgb(170,178,15)
```
#bbc410
```
#bbc410 rgb(187,196,16)
```
#ccd612
```
#ccd612 rgb(204,214,18)
```
#dde814
```
#dde814 rgb(221,232,20)
```

Shade Color Variation

#e2ec23
```
#e2ec23 rgb(226,236,35)
```
#e5ee35
```
#e5ee35 rgb(229,238,53)
```
#e7f047
```
#e7f047 rgb(231,240,71)
```
#e9f159
```
#e9f159 rgb(233,241,89)
```
#ecf36b
```
#ecf36b rgb(236,243,107)
```
#eef47d
```
#eef47d rgb(238,244,125)
```
#f0f68f
```
#f0f68f rgb(240,246,143)
```
#f3f7a1
```
#f3f7a1 rgb(243,247,161)
```
#f5f9b4
```
#f5f9b4 rgb(245,249,180)
```
#f7fac6
```
#f7fac6 rgb(247,250,198)
```
#fafcd8
```
#fafcd8 rgb(250,252,216)
```
#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, #7c7d6b is the less saturated color, while #dce800 is the most saturated one.

#7c7d6b
```
#7c7d6b rgb(124,125,107)
```
#848662
```
#848662 rgb(132,134,98)
```
#8c8f59
```
#8c8f59 rgb(140,143,89)
```
#949850
```
#949850 rgb(148,152,80)
```
#9ca048
```
#9ca048 rgb(156,160,72)
```
#a4a93f
```
#a4a93f rgb(164,169,63)
```
#acb236
```
#acb236 rgb(172,178,54)
```
#b4bb2d
```
#b4bb2d rgb(180,187,45)
```
#bcc424
```
#bcc424 rgb(188,196,36)
```
#c4cd1b
```
#c4cd1b rgb(196,205,27)
```
#ccd612
```
#ccd612 rgb(204,214,18)
```
#d4df09
```
#d4df09 rgb(212,223,9)
```
#dce800
```
#dce800 rgb(220,232,0)
```

Tone Color Variation

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

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

Trichromacy

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

#ccd612 hex color

#ccd612 Color Information

#ccd612 Color Conversion

Color Schemes with #ccd612

Alternatives to #ccd612

#ccd612 Preview

Shades and Tints of #ccd612

Tones of #ccd612

Color Blindness Simulator