#ccd95f hex color

In a RGB color space, hex #ccd95f is composed of 80% red, 85.1% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 6% cyan, 0% magenta, 56.2% yellow and 14.9% black. It has a hue angle of 66.4 degrees, a saturation of 61.6% and a lightness of 61.2%. #ccd95f color hex could be obtained by blending #ffffbe with #99b300. 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

● #ccd95f color description : Soft yellow.

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

Hex triplet	ccd95f	`#ccd95f`
RGB Decimal	204, 217, 95	`rgb(204,217,95)`
RGB Percent	80, 85.1, 37.3	`rgb(80%,85.1%,37.3%)`
CMYK	6, 0, 56, 15
HSL	66.4°, 61.6, 61.2	`hsl(66.4,61.6%,61.2%)`
HSV (or HSB)	66.4°, 56.2, 85.1
Web Safe	cccc66	`#cccc66`

CIE-LAB	83.595, -20.926, 57.433
XYZ	51.78, 63.29, 20.314
xyY	0.382, 0.467, 63.29
CIE-LCH	83.595, 61.126, 110.019
CIE-LUV	83.595, -3.069, 73.879
Hunter-Lab	79.555, -23.04, 40.549
Binary	11001100, 11011001, 01011111

#ccd95f
```
#ccd95f rgb(204,217,95)
```
#6c5fd9
```
#6c5fd9 rgb(108,95,217)
```

Complementary Color

#d9a95f
```
#d9a95f rgb(217,169,95)
```
#ccd95f
```
#ccd95f rgb(204,217,95)
```
#8fd95f
```
#8fd95f rgb(143,217,95)
```

Analogous Color

#a95fd9
```
#a95fd9 rgb(169,95,217)
```
#ccd95f
```
#ccd95f rgb(204,217,95)
```
#5f8fd9
```
#5f8fd9 rgb(95,143,217)
```

Split Complementary Color

#d95fcc
```
#d95fcc rgb(217,95,204)
```
#ccd95f
```
#ccd95f rgb(204,217,95)
```
#5fccd9
```
#5fccd9 rgb(95,204,217)
```

Triadic Color

#d96c5f
```
#d96c5f rgb(217,108,95)
```
#ccd95f
```
#ccd95f rgb(204,217,95)
```
#5fccd9
```
#5fccd9 rgb(95,204,217)
```
#6c5fd9
```
#6c5fd9 rgb(108,95,217)
```

Tetradic Color

#afbe2d
```
#afbe2d rgb(175,190,45)
```
#bfcf36
```
#bfcf36 rgb(191,207,54)
```
#c5d44a
```
#c5d44a rgb(197,212,74)
```
#ccd95f
```
#ccd95f rgb(204,217,95)
```
#d3de74
```
#d3de74 rgb(211,222,116)
```
#d9e388
```
#d9e388 rgb(217,227,136)
```
#e0e89d
```
#e0e89d rgb(224,232,157)
```

Monochromatic Color

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

#d9c85f
```
#d9c85f rgb(217,200,95)
```
#d9d25f
```
#d9d25f rgb(217,210,95)
```
#d6d95f
```
#d6d95f rgb(214,217,95)
```
#ccd95f
```
#ccd95f rgb(204,217,95)
```
#c2d95f
```
#c2d95f rgb(194,217,95)
```
#b8d95f
```
#b8d95f rgb(184,217,95)
```
#aed95f
```
#aed95f rgb(174,217,95)
```

Similar Colors

Text with hexadecimal color #ccd95f

This text has a font color of #ccd95f.

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

#ccd95f background color

This paragraph has a background color of #ccd95f.

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

#ccd95f border color

This element has a border color of #ccd95f.

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

CSS codes

.text {color:#ccd95f;}

.background {background-color:#ccd95f;}

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

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

#0d0e03
```
#0d0e03 rgb(13,14,3)
```
#1c1e07
```
#1c1e07 rgb(28,30,7)
```
#2a2e0b
```
#2a2e0b rgb(42,46,11)
```
#393e0f
```
#393e0f rgb(57,62,15)
```
#474e12
```
#474e12 rgb(71,78,18)
```
#565e16
```
#565e16 rgb(86,94,22)
```
#656d1a
```
#656d1a rgb(101,109,26)
```
#737d1e
```
#737d1e rgb(115,125,30)
```
#828d22
```
#828d22 rgb(130,141,34)
```
#909d25
```
#909d25 rgb(144,157,37)
```
#9fad29
```
#9fad29 rgb(159,173,41)
```
#adbd2d
```
#adbd2d rgb(173,189,45)
```
#bccd31
```
#bccd31 rgb(188,205,49)
```

Shade Color Variation

#c2d13f
```
#c2d13f rgb(194,209,63)
```
#c7d54f
```
#c7d54f rgb(199,213,79)
```
#ccd95f
```
#ccd95f rgb(204,217,95)
```
#d1dd6f
```
#d1dd6f rgb(209,221,111)
```
#d6e17f
```
#d6e17f rgb(214,225,127)
```
#dbe48f
```
#dbe48f rgb(219,228,143)
```
#e0e89e
```
#e0e89e rgb(224,232,158)
```
#e5ecae
```
#e5ecae rgb(229,236,174)
```
#eaf0be
```
#eaf0be rgb(234,240,190)
```
#eff3ce
```
#eff3ce rgb(239,243,206)
```
#f4f7de
```
#f4f7de rgb(244,247,222)
```
#f9fbee
```
#f9fbee rgb(249,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, #9c9c9c is the less saturated color, while #e4f741 is the most saturated one.

#9c9c9c
```
#9c9c9c rgb(156,156,156)
```
#a2a494
```
#a2a494 rgb(162,164,148)
```
#a8ab8d
```
#a8ab8d rgb(168,171,141)
```
#aeb385
```
#aeb385 rgb(174,179,133)
```
#b4bb7d
```
#b4bb7d rgb(180,187,125)
```
#bac276
```
#bac276 rgb(186,194,118)
```
#c0ca6e
```
#c0ca6e rgb(192,202,110)
```
#c6d167
```
#c6d167 rgb(198,209,103)
```
#ccd95f
```
#ccd95f rgb(204,217,95)
```
#d2e157
```
#d2e157 rgb(210,225,87)
```
#d8e850
```
#d8e850 rgb(216,232,80)
```
#def048
```
#def048 rgb(222,240,72)
```
#e4f741
```
#e4f741 rgb(228,247,65)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c8cbb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8d264 Protanopia 1% of men
#ffc976 Deuteranopia 1% of men
#dccedd Tritanopia 0.001% of the population

Trichromacy

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

#ccd95f hex color

#ccd95f Color Information

#ccd95f Color Conversion

Color Schemes with #ccd95f

Alternatives to #ccd95f

#ccd95f Preview

Shades and Tints of #ccd95f

Tones of #ccd95f

Color Blindness Simulator