#ccd12f hex color

In a RGB color space, hex #ccd12f is composed of 80% red, 82% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 0% magenta, 77.5% yellow and 18% black. It has a hue angle of 61.9 degrees, a saturation of 63.8% and a lightness of 50.2%. #ccd12f color hex could be obtained by blending #ffff5e with #99a300. Closest websafe color is: #cccc33.

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

● #ccd12f color description : Strong yellow.

The hexadecimal color #ccd12f has RGB values of R:204, G:209, B:47 and CMYK values of C:0.02, M:0, Y:0.78, K:0.18. Its decimal value is 13422895.

Hex triplet	ccd12f	`#ccd12f`
RGB Decimal	204, 209, 47	`rgb(204,209,47)`
RGB Percent	80, 82, 18.4	`rgb(80%,82%,18.4%)`
CMYK	2, 0, 78, 18
HSL	61.9°, 63.8, 50.2	`hsl(61.9,63.8%,50.2%)`
HSV (or HSB)	61.9°, 77.5, 82
Web Safe	cccc33	`#cccc33`

CIE-LAB	81.096, -19.749, 72.953
XYZ	48.215, 58.644, 11.469
xyY	0.407, 0.496, 58.644
CIE-LCH	81.096, 75.579, 105.147
CIE-LUV	81.096, 2.721, 84.495
Hunter-Lab	76.579, -21.628, 44.726
Binary	11001100, 11010001, 00101111

#ccd12f
```
#ccd12f rgb(204,209,47)
```
#342fd1
```
#342fd1 rgb(52,47,209)
```

Complementary Color

#d1852f
```
#d1852f rgb(209,133,47)
```
#ccd12f
```
#ccd12f rgb(204,209,47)
```
#7bd12f
```
#7bd12f rgb(123,209,47)
```

Analogous Color

#852fd1
```
#852fd1 rgb(133,47,209)
```
#ccd12f
```
#ccd12f rgb(204,209,47)
```
#2f7bd1
```
#2f7bd1 rgb(47,123,209)
```

Split Complementary Color

#d12fcc
```
#d12fcc rgb(209,47,204)
```
#ccd12f
```
#ccd12f rgb(204,209,47)
```
#2fccd1
```
#2fccd1 rgb(47,204,209)
```

Triadic Color

#d1342f
```
#d1342f rgb(209,52,47)
```
#ccd12f
```
#ccd12f rgb(204,209,47)
```
#2fccd1
```
#2fccd1 rgb(47,204,209)
```
#342fd1
```
#342fd1 rgb(52,47,209)
```

Tetradic Color

#8f9321
```
#8f9321 rgb(143,147,33)
```
#a4a825
```
#a4a825 rgb(164,168,37)
```
#b8bd2a
```
#b8bd2a rgb(184,189,42)
```
#ccd12f
```
#ccd12f rgb(204,209,47)
```
#d1d644
```
#d1d644 rgb(209,214,68)
```
#d6da59
```
#d6da59 rgb(214,218,89)
```
#dbdf6e
```
#dbdf6e rgb(219,223,110)
```

Monochromatic Color

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

#d1ae2f
```
#d1ae2f rgb(209,174,47)
```
#d1bb2f
```
#d1bb2f rgb(209,187,47)
```
#d1c92f
```
#d1c92f rgb(209,201,47)
```
#ccd12f
```
#ccd12f rgb(204,209,47)
```
#bfd12f
```
#bfd12f rgb(191,209,47)
```
#b1d12f
```
#b1d12f rgb(177,209,47)
```
#a4d12f
```
#a4d12f rgb(164,209,47)
```

Similar Colors

Text with hexadecimal color #ccd12f

This text has a font color of #ccd12f.

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

#ccd12f background color

This paragraph has a background color of #ccd12f.

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

#ccd12f border color

This element has a border color of #ccd12f.

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

CSS codes

.text {color:#ccd12f;}

.background {background-color:#ccd12f;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#101104
```
#101104 rgb(16,17,4)
```
#202107
```
#202107 rgb(32,33,7)
```
#30310b
```
#30310b rgb(48,49,11)
```
#40410e
```
#40410e rgb(64,65,14)
```
#4f5112
```
#4f5112 rgb(79,81,18)
```
#5f6115
```
#5f6115 rgb(95,97,21)
```
#6f7119
```
#6f7119 rgb(111,113,25)
```
#7e811d
```
#7e811d rgb(126,129,29)
```
#8e9120
```
#8e9120 rgb(142,145,32)
```
#9ea124
```
#9ea124 rgb(158,161,36)
```
#adb227
```
#adb227 rgb(173,178,39)
```
#bdc22b
```
#bdc22b rgb(189,194,43)
```

Shade Color Variation

#ccd12f
```
#ccd12f rgb(204,209,47)
```
#d0d53f
```
#d0d53f rgb(208,213,63)
```
#d4d84f
```
#d4d84f rgb(212,216,79)
```
#d8dc5f
```
#d8dc5f rgb(216,220,95)
```
#dcdf6f
```
#dcdf6f rgb(220,223,111)
```
#e0e37f
```
#e0e37f rgb(224,227,127)
```
#e4e68f
```
#e4e68f rgb(228,230,143)
```
#e8ea9f
```
#e8ea9f rgb(232,234,159)
```
#ecedb0
```
#ecedb0 rgb(236,237,176)
```
#eff1c0
```
#eff1c0 rgb(239,241,192)
```
#f3f5d0
```
#f3f5d0 rgb(243,245,208)
```
#f7f8e0
```
#f7f8e0 rgb(247,248,224)
```
#fbfcf0
```
#fbfcf0 rgb(251,252,240)
```

Tint Color Variation

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

#83837d
```
#83837d rgb(131,131,125)
```
#8c8d73
```
#8c8d73 rgb(140,141,115)
```
#95966a
```
#95966a rgb(149,150,106)
```
#9ea060
```
#9ea060 rgb(158,160,96)
```
#a7aa56
```
#a7aa56 rgb(167,170,86)
```
#b1b44c
```
#b1b44c rgb(177,180,76)
```
#babd43
```
#babd43 rgb(186,189,67)
```
#c3c739
```
#c3c739 rgb(195,199,57)
```
#ccd12f
```
#ccd12f rgb(204,209,47)
```
#d5db25
```
#d5db25 rgb(213,219,37)
```
#dee51b
```
#dee51b rgb(222,229,27)
```
#e7ee12
```
#e7ee12 rgb(231,238,18)
```
#f1f808
```
#f1f808 rgb(241,248,8)
```

Tone Color Variation

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

Dichromacy

#e4cc38 Protanopia 1% of men
#fdc243 Deuteranopia 1% of men
#ddc5d3 Tritanopia 0.001% of the population

Trichromacy

#dbce34 Protanomaly 1% of men, 0.01% of women
#ebc73b Deuteranomaly 6% of men, 0.4% of women
#d6c997 Tritanomaly 0.01% of the population

#ccd12f hex color

#ccd12f Color Information

#ccd12f Color Conversion

Color Schemes with #ccd12f

Alternatives to #ccd12f

#ccd12f Preview

Shades and Tints of #ccd12f

Tones of #ccd12f

Color Blindness Simulator