#ccd12a hex color

In a RGB color space, hex #ccd12a is composed of 80% red, 82% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 0% magenta, 79.9% yellow and 18% black. It has a hue angle of 61.8 degrees, a saturation of 66.5% and a lightness of 49.2%. #ccd12a color hex could be obtained by blending #ffff54 with #99a300. Closest websafe color is: #cccc33.

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

● #ccd12a color description : Strong yellow.

The hexadecimal color #ccd12a has RGB values of R:204, G:209, B:42 and CMYK values of C:0.02, M:0, Y:0.8, K:0.18. Its decimal value is 13422890.

Hex triplet	ccd12a	`#ccd12a`
RGB Decimal	204, 209, 42	`rgb(204,209,42)`
RGB Percent	80, 82, 16.5	`rgb(80%,82%,16.5%)`
CMYK	2, 0, 80, 18
HSL	61.8°, 66.5, 49.2	`hsl(61.8,66.5%,49.2%)`
HSV (or HSB)	61.8°, 79.9, 82
Web Safe	cccc33	`#cccc33`

CIE-LAB	81.075, -19.921, 74.313
XYZ	48.12, 58.606, 10.968
xyY	0.409, 0.498, 58.606
CIE-LCH	81.075, 76.937, 105.006
CIE-LUV	81.075, 2.779, 85.403
Hunter-Lab	76.555, -21.77, 45.094
Binary	11001100, 11010001, 00101010

#ccd12a
```
#ccd12a rgb(204,209,42)
```
#2f2ad1
```
#2f2ad1 rgb(47,42,209)
```

Complementary Color

#d1832a
```
#d1832a rgb(209,131,42)
```
#ccd12a
```
#ccd12a rgb(204,209,42)
```
#79d12a
```
#79d12a rgb(121,209,42)
```

Analogous Color

#832ad1
```
#832ad1 rgb(131,42,209)
```
#ccd12a
```
#ccd12a rgb(204,209,42)
```
#2a79d1
```
#2a79d1 rgb(42,121,209)
```

Split Complementary Color

#d12acc
```
#d12acc rgb(209,42,204)
```
#ccd12a
```
#ccd12a rgb(204,209,42)
```
#2accd1
```
#2accd1 rgb(42,204,209)
```

Triadic Color

#d12f2a
```
#d12f2a rgb(209,47,42)
```
#ccd12a
```
#ccd12a rgb(204,209,42)
```
#2accd1
```
#2accd1 rgb(42,204,209)
```
#2f2ad1
```
#2f2ad1 rgb(47,42,209)
```

Tetradic Color

#8e911d
```
#8e911d rgb(142,145,29)
```
#a3a721
```
#a3a721 rgb(163,167,33)
```
#b7bc26
```
#b7bc26 rgb(183,188,38)
```
#ccd12a
```
#ccd12a rgb(204,209,42)
```
#d3d83d
```
#d3d83d rgb(211,216,61)
```
#d8dc52
```
#d8dc52 rgb(216,220,82)
```
#dde067
```
#dde067 rgb(221,224,103)
```

Monochromatic Color

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

#d1ac2a
```
#d1ac2a rgb(209,172,42)
```
#d1ba2a
```
#d1ba2a rgb(209,186,42)
```
#d1c82a
```
#d1c82a rgb(209,200,42)
```
#ccd12a
```
#ccd12a rgb(204,209,42)
```
#bed12a
```
#bed12a rgb(190,209,42)
```
#b0d12a
```
#b0d12a rgb(176,209,42)
```
#a2d12a
```
#a2d12a rgb(162,209,42)
```

Similar Colors

Text with hexadecimal color #ccd12a

This text has a font color of #ccd12a.

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

#ccd12a background color

This paragraph has a background color of #ccd12a.

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

#ccd12a border color

This element has a border color of #ccd12a.

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

CSS codes

.text {color:#ccd12a;}

.background {background-color:#ccd12a;}

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

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

#0d0d03
```
#0d0d03 rgb(13,13,3)
```
#1d1d06
```
#1d1d06 rgb(29,29,6)
```
#2d2e09
```
#2d2e09 rgb(45,46,9)
```
#3d3e0c
```
#3d3e0c rgb(61,62,12)
```
#4c4e10
```
#4c4e10 rgb(76,78,16)
```
#5c5f13
```
#5c5f13 rgb(92,95,19)
```
#6c6f16
```
#6c6f16 rgb(108,111,22)
```
#7c7f1a
```
#7c7f1a rgb(124,127,26)
```
#8c901d
```
#8c901d rgb(140,144,29)
```
#9ca020
```
#9ca020 rgb(156,160,32)
```
#acb023
```
#acb023 rgb(172,176,35)
```
#bcc127
```
#bcc127 rgb(188,193,39)
```
#ccd12a
```
#ccd12a rgb(204,209,42)
```

Shade Color Variation

#d2d738
```
#d2d738 rgb(210,215,56)
```
#d6da48
```
#d6da48 rgb(214,218,72)
```
#dade58
```
#dade58 rgb(218,222,88)
```
#dde169
```
#dde169 rgb(221,225,105)
```
#e1e479
```
#e1e479 rgb(225,228,121)
```
#e5e789
```
#e5e789 rgb(229,231,137)
```
#e8eb9a
```
#e8eb9a rgb(232,235,154)
```
#eceeaa
```
#eceeaa rgb(236,238,170)
```
#f0f1ba
```
#f0f1ba rgb(240,241,186)
```
#f3f4cb
```
#f3f4cb rgb(243,244,203)
```
#f7f8db
```
#f7f8db rgb(247,248,219)
```
#fbfbeb
```
#fbfbeb rgb(251,251,235)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#838477
```
#838477 rgb(131,132,119)
```
#8c8d6e
```
#8c8d6e rgb(140,141,110)
```
#969764
```
#969764 rgb(150,151,100)
```
#9fa15a
```
#9fa15a rgb(159,161,90)
```
#a8aa51
```
#a8aa51 rgb(168,170,81)
```
#b1b447
```
#b1b447 rgb(177,180,71)
```
#babe3d
```
#babe3d rgb(186,190,61)
```
#c3c734
```
#c3c734 rgb(195,199,52)
```
#ccd12a
```
#ccd12a rgb(204,209,42)
```
#d5db20
```
#d5db20 rgb(213,219,32)
```
#dee417
```
#dee417 rgb(222,228,23)
```
#e7ee0d
```
#e7ee0d rgb(231,238,13)
```
#f0f803
```
#f0f803 rgb(240,248,3)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#bfc09f Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4cc33 Protanopia 1% of men
#fdc23f Deuteranopia 1% of men
#ddc5d3 Tritanopia 0.001% of the population

Trichromacy

#dbce2f Protanomaly 1% of men, 0.01% of women
#ebc737 Deuteranomaly 6% of men, 0.4% of women
#d7c996 Tritanomaly 0.01% of the population

#ccd12a hex color

#ccd12a Color Information

#ccd12a Color Conversion

Color Schemes with #ccd12a

Alternatives to #ccd12a

#ccd12a Preview

Shades and Tints of #ccd12a

Tones of #ccd12a

Color Blindness Simulator