#ccd412 hex color

In a RGB color space, hex #ccd412 is composed of 80% red, 83.1% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 91.5% yellow and 16.9% black. It has a hue angle of 62.5 degrees, a saturation of 84.3% and a lightness of 45.1%. #ccd412 color hex could be obtained by blending #ffff24 with #99a900. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 80
- G 83
- B 7
RGB color chart
- C 4
- M 0
- Y 92
- K 17
CMYK color chart

● #ccd412 color description : Strong yellow.

The hexadecimal color #ccd412 has RGB values of R:204, G:212, B:18 and CMYK values of C:0.04, M:0, Y:0.92, K:0.17. Its decimal value is 13423634.

Hex triplet	ccd412	`#ccd412`
RGB Decimal	204, 212, 18	`rgb(204,212,18)`
RGB Percent	80, 83.1, 7.1	`rgb(80%,83.1%,7.1%)`
CMYK	4, 0, 92, 17
HSL	62.5°, 84.3, 45.1	`hsl(62.5,84.3%,45.1%)`
HSV (or HSB)	62.5°, 91.5, 83.1
Web Safe	cccc00	`#cccc00`

CIE-LAB	81.821, -21.943, 79.673
XYZ	48.555, 59.969, 9.59
xyY	0.411, 0.508, 59.969
CIE-LCH	81.821, 82.64, 105.398
CIE-LUV	81.821, 1.043, 89.53
Hunter-Lab	77.439, -23.599, 46.865
Binary	11001100, 11010100, 00010010

#ccd412
```
#ccd412 rgb(204,212,18)
```
#1a12d4
```
#1a12d4 rgb(26,18,212)
```

Complementary Color

#d47b12
```
#d47b12 rgb(212,123,18)
```
#ccd412
```
#ccd412 rgb(204,212,18)
```
#6bd412
```
#6bd412 rgb(107,212,18)
```

Analogous Color

#7b12d4
```
#7b12d4 rgb(123,18,212)
```
#ccd412
```
#ccd412 rgb(204,212,18)
```
#126bd4
```
#126bd4 rgb(18,107,212)
```

Split Complementary Color

#d412cc
```
#d412cc rgb(212,18,204)
```
#ccd412
```
#ccd412 rgb(204,212,18)
```
#12ccd4
```
#12ccd4 rgb(18,204,212)
```

Triadic Color

#d41a12
```
#d41a12 rgb(212,26,18)
```
#ccd412
```
#ccd412 rgb(204,212,18)
```
#12ccd4
```
#12ccd4 rgb(18,204,212)
```
#1a12d4
```
#1a12d4 rgb(26,18,212)
```

Tetradic Color

#888d0c
```
#888d0c rgb(136,141,12)
```
#9fa50e
```
#9fa50e rgb(159,165,14)
```
#b5bc10
```
#b5bc10 rgb(181,188,16)
```
#ccd412
```
#ccd412 rgb(204,212,18)
```
#e2eb14
```
#e2eb14 rgb(226,235,20)
```
#e5ed2c
```
#e5ed2c rgb(229,237,44)
```
#e8ef43
```
#e8ef43 rgb(232,239,67)
```

Monochromatic Color

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

#d4ac12
```
#d4ac12 rgb(212,172,18)
```
#d4bc12
```
#d4bc12 rgb(212,188,18)
```
#d4cc12
```
#d4cc12 rgb(212,204,18)
```
#ccd412
```
#ccd412 rgb(204,212,18)
```
#bcd412
```
#bcd412 rgb(188,212,18)
```
#acd412
```
#acd412 rgb(172,212,18)
```
#9cd412
```
#9cd412 rgb(156,212,18)
```

Similar Colors

Text with hexadecimal color #ccd412

This text has a font color of #ccd412.

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

#ccd412 background color

This paragraph has a background color of #ccd412.

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

#ccd412 border color

This element has a border color of #ccd412.

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

CSS codes

.text {color:#ccd412;}

.background {background-color:#ccd412;}

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

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

#0d0d01
```
#0d0d01 rgb(13,13,1)
```
#1e1f03
```
#1e1f03 rgb(30,31,3)
```
#2f3104
```
#2f3104 rgb(47,49,4)
```
#414306
```
#414306 rgb(65,67,6)
```
#525507
```
#525507 rgb(82,85,7)
```
#646809
```
#646809 rgb(100,104,9)
```
#757a0a
```
#757a0a rgb(117,122,10)
```
#868c0c
```
#868c0c rgb(134,140,12)
```
#989e0d
```
#989e0d rgb(152,158,13)
```
#a9b00f
```
#a9b00f rgb(169,176,15)
```
#bbc210
```
#bbc210 rgb(187,194,16)
```
#ccd412
```
#ccd412 rgb(204,212,18)
```
#dde614
```
#dde614 rgb(221,230,20)
```

Shade Color Variation

#e4ec21
```
#e4ec21 rgb(228,236,33)
```
#e6ee33
```
#e6ee33 rgb(230,238,51)
```
#e8ef45
```
#e8ef45 rgb(232,239,69)
```
#eaf157
```
#eaf157 rgb(234,241,87)
```
#edf269
```
#edf269 rgb(237,242,105)
```
#eff47b
```
#eff47b rgb(239,244,123)
```
#f1f58e
```
#f1f58e rgb(241,245,142)
```
#f3f7a0
```
#f3f7a0 rgb(243,247,160)
```
#f6f8b2
```
#f6f8b2 rgb(246,248,178)
```
#f8fac4
```
#f8fac4 rgb(248,250,196)
```
#fafcd6
```
#fafcd6 rgb(250,252,214)
```
#fcfde8
```
#fcfde8 rgb(252,253,232)
```
#fefffa
```
#fefffa rgb(254,255,250)
```

Tint Color Variation

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

#7b7c6a
```
#7b7c6a rgb(123,124,106)
```
#838462
```
#838462 rgb(131,132,98)
```
#8b8d59
```
#8b8d59 rgb(139,141,89)
```
#939650
```
#939650 rgb(147,150,80)
```
#9b9f47
```
#9b9f47 rgb(155,159,71)
```
#a3a83e
```
#a3a83e rgb(163,168,62)
```
#acb135
```
#acb135 rgb(172,177,53)
```
#b4b92d
```
#b4b92d rgb(180,185,45)
```
#bcc224
```
#bcc224 rgb(188,194,36)
```
#c4cb1b
```
#c4cb1b rgb(196,203,27)
```
#ccd412
```
#ccd412 rgb(204,212,18)
```
#d4dd09
```
#d4dd09 rgb(212,221,9)
```
#dce600
```
#dce600 rgb(220,230,0)
```

Tone Color Variation

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

Dichromacy

#e7ce1b Protanopia 1% of men
#ffc446 Deuteranopia 1% of men
#dec8d6 Tritanopia 0.001% of the population

Trichromacy

#ddd017 Protanomaly 1% of men, 0.01% of women
#ecca33 Deuteranomaly 6% of men, 0.4% of women
#d7cc8e Tritanomaly 0.01% of the population

#ccd412 hex color

#ccd412 Color Information

#ccd412 Color Conversion

Color Schemes with #ccd412

Alternatives to #ccd412

#ccd412 Preview

Shades and Tints of #ccd412

Tones of #ccd412

Color Blindness Simulator