#ccda2f hex color

In a RGB color space, hex #ccda2f is composed of 80% red, 85.5% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 78.4% yellow and 14.5% black. It has a hue angle of 64.9 degrees, a saturation of 69.8% and a lightness of 52%. #ccda2f color hex could be obtained by blending #ffff5e with #99b500. Closest websafe color is: #cccc33.

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

● #ccda2f color description : Bright yellow.

The hexadecimal color #ccda2f has RGB values of R:204, G:218, B:47 and CMYK values of C:0.06, M:0, Y:0.78, K:0.15. Its decimal value is 13425199.

Hex triplet	ccda2f	`#ccda2f`
RGB Decimal	204, 218, 47	`rgb(204,218,47)`
RGB Percent	80, 85.5, 18.4	`rgb(80%,85.5%,18.4%)`
CMYK	6, 0, 78, 15
HSL	64.9°, 69.8, 52	`hsl(64.9,69.8%,52%)`
HSV (or HSB)	64.9°, 78.4, 85.5
Web Safe	cccc33	`#cccc33`

CIE-LAB	83.54, -24.121, 75.134
XYZ	50.486, 63.186, 12.226
xyY	0.401, 0.502, 63.186
CIE-LCH	83.54, 78.911, 107.798
CIE-LUV	83.54, -2.948, 88.111
Hunter-Lab	79.49, -25.736, 46.524
Binary	11001100, 11011010, 00101111

#ccda2f
```
#ccda2f rgb(204,218,47)
```
#3d2fda
```
#3d2fda rgb(61,47,218)
```

Complementary Color

#da932f
```
#da932f rgb(218,147,47)
```
#ccda2f
```
#ccda2f rgb(204,218,47)
```
#77da2f
```
#77da2f rgb(119,218,47)
```

Analogous Color

#932fda
```
#932fda rgb(147,47,218)
```
#ccda2f
```
#ccda2f rgb(204,218,47)
```
#2f77da
```
#2f77da rgb(47,119,218)
```

Split Complementary Color

#da2fcc
```
#da2fcc rgb(218,47,204)
```
#ccda2f
```
#ccda2f rgb(204,218,47)
```
#2fccda
```
#2fccda rgb(47,204,218)
```

Triadic Color

#da3d2f
```
#da3d2f rgb(218,61,47)
```
#ccda2f
```
#ccda2f rgb(204,218,47)
```
#2fccda
```
#2fccda rgb(47,204,218)
```
#3d2fda
```
#3d2fda rgb(61,47,218)
```

Tetradic Color

#95a01c
```
#95a01c rgb(149,160,28)
```
#a9b620
```
#a9b620 rgb(169,182,32)
```
#becb24
```
#becb24 rgb(190,203,36)
```
#ccda2f
```
#ccda2f rgb(204,218,47)
```
#d1de45
```
#d1de45 rgb(209,222,69)
```
#d7e25a
```
#d7e25a rgb(215,226,90)
```
#dce670
```
#dce670 rgb(220,230,112)
```

Monochromatic Color

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

#dabd2f
```
#dabd2f rgb(218,189,47)
```
#dacc2f
```
#dacc2f rgb(218,204,47)
```
#dada2f
```
#dada2f rgb(218,218,47)
```
#ccda2f
```
#ccda2f rgb(204,218,47)
```
#beda2f
```
#beda2f rgb(190,218,47)
```
#b0da2f
```
#b0da2f rgb(176,218,47)
```
#a1da2f
```
#a1da2f rgb(161,218,47)
```

Similar Colors

Text with hexadecimal color #ccda2f

This text has a font color of #ccda2f.

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

#ccda2f background color

This paragraph has a background color of #ccda2f.

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

#ccda2f border color

This element has a border color of #ccda2f.

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

CSS codes

.text {color:#ccda2f;}

.background {background-color:#ccda2f;}

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

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

#080802
```
#080802 rgb(8,8,2)
```
#171904
```
#171904 rgb(23,25,4)
```
#272a07
```
#272a07 rgb(39,42,7)
```
#373a0a
```
#373a0a rgb(55,58,10)
```
#464b0d
```
#464b0d rgb(70,75,13)
```
#565c10
```
#565c10 rgb(86,92,16)
```
#656c13
```
#656c13 rgb(101,108,19)
```
#757d16
```
#757d16 rgb(117,125,22)
```
#848e19
```
#848e19 rgb(132,142,25)
```
#949e1c
```
#949e1c rgb(148,158,28)
```
#a3af1f
```
#a3af1f rgb(163,175,31)
```
#b3c022
```
#b3c022 rgb(179,192,34)
```
#c2d025
```
#c2d025 rgb(194,208,37)
```

Shade Color Variation

#ccda2f
```
#ccda2f rgb(204,218,47)
```
#d0dd40
```
#d0dd40 rgb(208,221,64)
```
#d4e050
```
#d4e050 rgb(212,224,80)
```
#d8e361
```
#d8e361 rgb(216,227,97)
```
#dce672
```
#dce672 rgb(220,230,114)
```
#e0e982
```
#e0e982 rgb(224,233,130)
```
#e4ec93
```
#e4ec93 rgb(228,236,147)
```
#e9efa4
```
#e9efa4 rgb(233,239,164)
```
#edf2b4
```
#edf2b4 rgb(237,242,180)
```
#f1f5c5
```
#f1f5c5 rgb(241,245,197)
```
#f5f8d6
```
#f5f8d6 rgb(245,248,214)
```
#f9fbe6
```
#f9fbe6 rgb(249,251,230)
```
#fdfef7
```
#fdfef7 rgb(253,254,247)
```

Tint Color Variation

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

#858584
```
#858584 rgb(133,133,132)
```
#8d8f7a
```
#8d8f7a rgb(141,143,122)
```
#959871
```
#959871 rgb(149,152,113)
```
#9da168
```
#9da168 rgb(157,161,104)
```
#a5ab5e
```
#a5ab5e rgb(165,171,94)
```
#acb455
```
#acb455 rgb(172,180,85)
```
#b4be4b
```
#b4be4b rgb(180,190,75)
```
#bcc742
```
#bcc742 rgb(188,199,66)
```
#c4d138
```
#c4d138 rgb(196,209,56)
```
#ccda2f
```
#ccda2f rgb(204,218,47)
```
#d4e326
```
#d4e326 rgb(212,227,38)
```
#dced1c
```
#dced1c rgb(220,237,28)
```
#e4f613
```
#e4f613 rgb(228,246,19)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c4c7a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd337 Protanopia 1% of men
#ffca6c Deuteranopia 1% of men
#decddc Tritanopia 0.001% of the population

Trichromacy

#e0d534 Protanomaly 1% of men, 0.01% of women
#eccf56 Deuteranomaly 6% of men, 0.4% of women
#d7d29d Tritanomaly 0.01% of the population

#ccda2f hex color

#ccda2f Color Information

#ccda2f Color Conversion

Color Schemes with #ccda2f

Alternatives to #ccda2f

#ccda2f Preview

Shades and Tints of #ccda2f

Tones of #ccda2f

Color Blindness Simulator