#ccdc46 hex color

In a RGB color space, hex #ccdc46 is composed of 80% red, 86.3% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 7.3% cyan, 0% magenta, 68.2% yellow and 13.7% black. It has a hue angle of 66.4 degrees, a saturation of 68.2% and a lightness of 56.9%. #ccdc46 color hex could be obtained by blending #ffff8c with #99b900. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 86
- B 27
RGB color chart
- C 7
- M 0
- Y 68
- K 14
CMYK color chart

● #ccdc46 color description : Soft yellow.

The hexadecimal color #ccdc46 has RGB values of R:204, G:220, B:70 and CMYK values of C:0.07, M:0, Y:0.68, K:0.14. Its decimal value is 13425734.

Hex triplet	ccdc46	`#ccdc46`
RGB Decimal	204, 220, 70	`rgb(204,220,70)`
RGB Percent	80, 86.3, 27.5	`rgb(80%,86.3%,27.5%)`
CMYK	7, 0, 68, 14
HSL	66.4°, 68.2, 56.9	`hsl(66.4,68.2%,56.9%)`
HSV (or HSB)	66.4°, 68.2, 86.3
Web Safe	cccc33	`#cccc33`

CIE-LAB	84.208, -24.043, 68.301
XYZ	51.6, 64.466, 15.519
xyY	0.392, 0.49, 64.466
CIE-LCH	84.208, 72.409, 109.393
CIE-LUV	84.208, -4.448, 83.604
Hunter-Lab	80.291, -25.793, 44.744
Binary	11001100, 11011100, 01000110

#ccdc46
```
#ccdc46 rgb(204,220,70)
```
#5646dc
```
#5646dc rgb(86,70,220)
```

Complementary Color

#dca146
```
#dca146 rgb(220,161,70)
```
#ccdc46
```
#ccdc46 rgb(204,220,70)
```
#81dc46
```
#81dc46 rgb(129,220,70)
```

Analogous Color

#a146dc
```
#a146dc rgb(161,70,220)
```
#ccdc46
```
#ccdc46 rgb(204,220,70)
```
#4681dc
```
#4681dc rgb(70,129,220)
```

Split Complementary Color

#dc46cc
```
#dc46cc rgb(220,70,204)
```
#ccdc46
```
#ccdc46 rgb(204,220,70)
```
#46ccdc
```
#46ccdc rgb(70,204,220)
```

Triadic Color

#dc5646
```
#dc5646 rgb(220,86,70)
```
#ccdc46
```
#ccdc46 rgb(204,220,70)
```
#46ccdc
```
#46ccdc rgb(70,204,220)
```
#5646dc
```
#5646dc rgb(86,70,220)
```

Tetradic Color

#a4b422
```
#a4b422 rgb(164,180,34)
```
#b8c926
```
#b8c926 rgb(184,201,38)
```
#c6d831
```
#c6d831 rgb(198,216,49)
```
#ccdc46
```
#ccdc46 rgb(204,220,70)
```
#d2e05b
```
#d2e05b rgb(210,224,91)
```
#d8e471
```
#d8e471 rgb(216,228,113)
```
#dee886
```
#dee886 rgb(222,232,134)
```

Monochromatic Color

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

#dcc746
```
#dcc746 rgb(220,199,70)
```
#dcd346
```
#dcd346 rgb(220,211,70)
```
#d9dc46
```
#d9dc46 rgb(217,220,70)
```
#ccdc46
```
#ccdc46 rgb(204,220,70)
```
#c0dc46
```
#c0dc46 rgb(192,220,70)
```
#b3dc46
```
#b3dc46 rgb(179,220,70)
```
#a7dc46
```
#a7dc46 rgb(167,220,70)
```

Similar Colors

Text with hexadecimal color #ccdc46

This text has a font color of #ccdc46.

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

#ccdc46 background color

This paragraph has a background color of #ccdc46.

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

#ccdc46 border color

This element has a border color of #ccdc46.

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

CSS codes

.text {color:#ccdc46;}

.background {background-color:#ccdc46;}

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

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

#0c0d02
```
#0c0d02 rgb(12,13,2)
```
#1b1d06
```
#1b1d06 rgb(27,29,6)
```
#2a2e09
```
#2a2e09 rgb(42,46,9)
```
#393e0c
```
#393e0c rgb(57,62,12)
```
#484f0f
```
#484f0f rgb(72,79,15)
```
#575f12
```
#575f12 rgb(87,95,18)
```
#667015
```
#667015 rgb(102,112,21)
```
#758018
```
#758018 rgb(117,128,24)
```
#84911b
```
#84911b rgb(132,145,27)
```
#93a11f
```
#93a11f rgb(147,161,31)
```
#a3b222
```
#a3b222 rgb(163,178,34)
```
#b2c225
```
#b2c225 rgb(178,194,37)
```
#c1d328
```
#c1d328 rgb(193,211,40)
```

Shade Color Variation

#c7d936
```
#c7d936 rgb(199,217,54)
```
#ccdc46
```
#ccdc46 rgb(204,220,70)
```
#d1df56
```
#d1df56 rgb(209,223,86)
```
#d5e267
```
#d5e267 rgb(213,226,103)
```
#dae577
```
#dae577 rgb(218,229,119)
```
#dee888
```
#dee888 rgb(222,232,136)
```
#e3ec98
```
#e3ec98 rgb(227,236,152)
```
#e7efa9
```
#e7efa9 rgb(231,239,169)
```
#ecf2b9
```
#ecf2b9 rgb(236,242,185)
```
#f0f5ca
```
#f0f5ca rgb(240,245,202)
```
#f5f8da
```
#f5f8da rgb(245,248,218)
```
#f9fbeb
```
#f9fbeb rgb(249,251,235)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#97988a
```
#97988a rgb(151,152,138)
```
#9da181
```
#9da181 rgb(157,161,129)
```
#a4a979
```
#a4a979 rgb(164,169,121)
```
#abb270
```
#abb270 rgb(171,178,112)
```
#b1ba68
```
#b1ba68 rgb(177,186,104)
```
#b8c35f
```
#b8c35f rgb(184,195,95)
```
#bfcb57
```
#bfcb57 rgb(191,203,87)
```
#c5d44e
```
#c5d44e rgb(197,212,78)
```
#ccdc46
```
#ccdc46 rgb(204,220,70)
```
#d3e43e
```
#d3e43e rgb(211,228,62)
```
#d9ed35
```
#d9ed35 rgb(217,237,53)
```
#e0f52d
```
#e0f52d rgb(224,245,45)
```
#e7fe24
```
#e7fe24 rgb(231,254,36)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c7caac Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd44d Protanopia 1% of men
#ffcc79 Deuteranopia 1% of men
#ded0de Tritanopia 0.001% of the population

Trichromacy

#e0d74a Protanomaly 1% of men, 0.01% of women
#ecd166 Deuteranomaly 6% of men, 0.4% of women
#d7d4a7 Tritanomaly 0.01% of the population

#ccdc46 hex color

#ccdc46 Color Information

#ccdc46 Color Conversion

Color Schemes with #ccdc46

Alternatives to #ccdc46

#ccdc46 Preview

Shades and Tints of #ccdc46

Tones of #ccdc46

Color Blindness Simulator