#ccda5f hex color

In a RGB color space, hex #ccda5f is composed of 80% red, 85.5% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 56.4% yellow and 14.5% black. It has a hue angle of 66.8 degrees, a saturation of 62.4% and a lightness of 61.4%. #ccda5f color hex could be obtained by blending #ffffbe with #99b500. Closest websafe color is: #cccc66.

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

● #ccda5f color description : Soft yellow.

The hexadecimal color #ccda5f has RGB values of R:204, G:218, B:95 and CMYK values of C:0.06, M:0, Y:0.56, K:0.15. Its decimal value is 13425247.

Hex triplet	ccda5f	`#ccda5f`
RGB Decimal	204, 218, 95	`rgb(204,218,95)`
RGB Percent	80, 85.5, 37.3	`rgb(80%,85.5%,37.3%)`
CMYK	6, 0, 56, 15
HSL	66.8°, 62.4, 61.4	`hsl(66.8,62.4%,61.4%)`
HSV (or HSB)	66.8°, 56.4, 85.5
Web Safe	cccc66	`#cccc66`

CIE-LAB	83.865, -21.413, 57.738
XYZ	52.038, 63.807, 20.4
xyY	0.382, 0.468, 63.807
CIE-LCH	83.865, 61.581, 110.348
CIE-LUV	83.865, -3.669, 74.338
Hunter-Lab	79.879, -23.502, 40.773
Binary	11001100, 11011010, 01011111

#ccda5f
```
#ccda5f rgb(204,218,95)
```
#6d5fda
```
#6d5fda rgb(109,95,218)
```

Complementary Color

#daab5f
```
#daab5f rgb(218,171,95)
```
#ccda5f
```
#ccda5f rgb(204,218,95)
```
#8fda5f
```
#8fda5f rgb(143,218,95)
```

Analogous Color

#ab5fda
```
#ab5fda rgb(171,95,218)
```
#ccda5f
```
#ccda5f rgb(204,218,95)
```
#5f8fda
```
#5f8fda rgb(95,143,218)
```

Split Complementary Color

#da5fcc
```
#da5fcc rgb(218,95,204)
```
#ccda5f
```
#ccda5f rgb(204,218,95)
```
#5fccda
```
#5fccda rgb(95,204,218)
```

Triadic Color

#da6d5f
```
#da6d5f rgb(218,109,95)
```
#ccda5f
```
#ccda5f rgb(204,218,95)
```
#5fccda
```
#5fccda rgb(95,204,218)
```
#6d5fda
```
#6d5fda rgb(109,95,218)
```

Tetradic Color

#afc02c
```
#afc02c rgb(175,192,44)
```
#bfd036
```
#bfd036 rgb(191,208,54)
```
#c5d54a
```
#c5d54a rgb(197,213,74)
```
#ccda5f
```
#ccda5f rgb(204,218,95)
```
#d3df74
```
#d3df74 rgb(211,223,116)
```
#d9e488
```
#d9e488 rgb(217,228,136)
```
#e0e89d
```
#e0e89d rgb(224,232,157)
```

Monochromatic Color

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

#dac95f
```
#dac95f rgb(218,201,95)
```
#dad45f
```
#dad45f rgb(218,212,95)
```
#d6da5f
```
#d6da5f rgb(214,218,95)
```
#ccda5f
```
#ccda5f rgb(204,218,95)
```
#c2da5f
```
#c2da5f rgb(194,218,95)
```
#b8da5f
```
#b8da5f rgb(184,218,95)
```
#adda5f
```
#adda5f rgb(173,218,95)
```

Similar Colors

Text with hexadecimal color #ccda5f

This text has a font color of #ccda5f.

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

#ccda5f background color

This paragraph has a background color of #ccda5f.

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

#ccda5f border color

This element has a border color of #ccda5f.

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

CSS codes

.text {color:#ccda5f;}

.background {background-color:#ccda5f;}

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

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

#0e0f04
```
#0e0f04 rgb(14,15,4)
```
#1c1f07
```
#1c1f07 rgb(28,31,7)
```
#2b2f0b
```
#2b2f0b rgb(43,47,11)
```
#3a3f0f
```
#3a3f0f rgb(58,63,15)
```
#484f12
```
#484f12 rgb(72,79,18)
```
#575f16
```
#575f16 rgb(87,95,22)
```
#656f1a
```
#656f1a rgb(101,111,26)
```
#747f1d
```
#747f1d rgb(116,127,29)
```
#828f21
```
#828f21 rgb(130,143,33)
```
#919f25
```
#919f25 rgb(145,159,37)
```
#9faf28
```
#9faf28 rgb(159,175,40)
```
#aebe2c
```
#aebe2c rgb(174,190,44)
```
#bcce30
```
#bcce30 rgb(188,206,48)
```

Shade Color Variation

#c2d33f
```
#c2d33f rgb(194,211,63)
```
#c7d64f
```
#c7d64f rgb(199,214,79)
```
#ccda5f
```
#ccda5f rgb(204,218,95)
```
#d1de6f
```
#d1de6f rgb(209,222,111)
```
#d6e17f
```
#d6e17f rgb(214,225,127)
```
#dbe58f
```
#dbe58f rgb(219,229,143)
```
#e0e99f
```
#e0e99f rgb(224,233,159)
```
#e5ecaf
```
#e5ecaf rgb(229,236,175)
```
#eaf0bf
```
#eaf0bf rgb(234,240,191)
```
#f0f4cf
```
#f0f4cf rgb(240,244,207)
```
#f5f7de
```
#f5f7de rgb(245,247,222)
```
#fafbee
```
#fafbee rgb(250,251,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#9d9d9c
```
#9d9d9c rgb(157,157,156)
```
#a3a594
```
#a3a594 rgb(163,165,148)
```
#a9ad8c
```
#a9ad8c rgb(169,173,140)
```
#afb485
```
#afb485 rgb(175,180,133)
```
#b5bc7d
```
#b5bc7d rgb(181,188,125)
```
#bac376
```
#bac376 rgb(186,195,118)
```
#c0cb6e
```
#c0cb6e rgb(192,203,110)
```
#c6d267
```
#c6d267 rgb(198,210,103)
```
#ccda5f
```
#ccda5f rgb(204,218,95)
```
#d2e257
```
#d2e257 rgb(210,226,87)
```
#d8e950
```
#d8e950 rgb(216,233,80)
```
#def148
```
#def148 rgb(222,241,72)
```
#e3f841
```
#e3f841 rgb(227,248,65)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c9ccb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d364 Protanopia 1% of men
#ffca7a Deuteranopia 1% of men
#ddcfde Tritanopia 0.001% of the population

Trichromacy

#ded562 Protanomaly 1% of men, 0.01% of women
#ecd070 Deuteranomaly 6% of men, 0.4% of women
#d6d3af Tritanomaly 0.01% of the population

#ccda5f hex color

#ccda5f Color Information

#ccda5f Color Conversion

Color Schemes with #ccda5f

Alternatives to #ccda5f

#ccda5f Preview

Shades and Tints of #ccda5f

Tones of #ccda5f

Color Blindness Simulator