#ccc395 hex color

In a RGB color space, hex #ccc395 is composed of 80% red, 76.5% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.4% magenta, 27% yellow and 20% black. It has a hue angle of 50.2 degrees, a saturation of 35% and a lightness of 69.2%. #ccc395 color hex could be obtained by blending #ffffff with #99872b. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 76
- B 58
RGB color chart
- C 0
- M 4
- Y 27
- K 20
CMYK color chart

● #ccc395 color description : Slightly desaturated yellow.

The hexadecimal color #ccc395 has RGB values of R:204, G:195, B:149 and CMYK values of C:0, M:0.04, Y:0.27, K:0.2. Its decimal value is 13419413.

Hex triplet	ccc395	`#ccc395`
RGB Decimal	204, 195, 149	`rgb(204,195,149)`
RGB Percent	80, 76.5, 58.4	`rgb(80%,76.5%,58.4%)`
CMYK	0, 4, 27, 20
HSL	50.2°, 35, 69.2	`hsl(50.2,35%,69.2%)`
HSV (or HSB)	50.2°, 27, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	78.484, -4.06, 24.304
XYZ	49.841, 54.038, 36.237
xyY	0.356, 0.386, 54.038
CIE-LCH	78.484, 24.641, 99.483
CIE-LUV	78.484, 8.035, 34.182
Hunter-Lab	73.511, -7.619, 22.231
Binary	11001100, 11000011, 10010101

#ccc395
```
#ccc395 rgb(204,195,149)
```
#959ecc
```
#959ecc rgb(149,158,204)
```

Complementary Color

#cca895
```
#cca895 rgb(204,168,149)
```
#ccc395
```
#ccc395 rgb(204,195,149)
```
#bacc95
```
#bacc95 rgb(186,204,149)
```

Analogous Color

#a895cc
```
#a895cc rgb(168,149,204)
```
#ccc395
```
#ccc395 rgb(204,195,149)
```
#95bacc
```
#95bacc rgb(149,186,204)
```

Split Complementary Color

#c395cc
```
#c395cc rgb(195,149,204)
```
#ccc395
```
#ccc395 rgb(204,195,149)
```
#95ccc3
```
#95ccc3 rgb(149,204,195)
```

Triadic Color

#cc959e
```
#cc959e rgb(204,149,158)
```
#ccc395
```
#ccc395 rgb(204,195,149)
```
#95ccc3
```
#95ccc3 rgb(149,204,195)
```
#959ecc
```
#959ecc rgb(149,158,204)
```

Tetradic Color

#b3a661
```
#b3a661 rgb(179,166,97)
```
#bbb073
```
#bbb073 rgb(187,176,115)
```
#c4b984
```
#c4b984 rgb(196,185,132)
```
#ccc395
```
#ccc395 rgb(204,195,149)
```
#d4cda6
```
#d4cda6 rgb(212,205,166)
```
#ddd6b7
```
#ddd6b7 rgb(221,214,183)
```
#e5e0c9
```
#e5e0c9 rgb(229,224,201)
```

Monochromatic Color

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

#ccb595
```
#ccb595 rgb(204,181,149)
```
#ccba95
```
#ccba95 rgb(204,186,149)
```
#ccbe95
```
#ccbe95 rgb(204,190,149)
```
#ccc395
```
#ccc395 rgb(204,195,149)
```
#ccc895
```
#ccc895 rgb(204,200,149)
```
#cccc95
```
#cccc95 rgb(204,204,149)
```
#c7cc95
```
#c7cc95 rgb(199,204,149)
```

Similar Colors

Text with hexadecimal color #ccc395

This text has a font color of #ccc395.

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

#ccc395 background color

This paragraph has a background color of #ccc395.

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

#ccc395 border color

This element has a border color of #ccc395.

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

CSS codes

.text {color:#ccc395;}

.background {background-color:#ccc395;}

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

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

#0d0c06
```
#0d0c06 rgb(13,12,6)
```
#1a180d
```
#1a180d rgb(26,24,13)
```
#282413
```
#282413 rgb(40,36,19)
```
#353019
```
#353019 rgb(53,48,25)
```
#423d20
```
#423d20 rgb(66,61,32)
```
#4f4926
```
#4f4926 rgb(79,73,38)
```
#5d552d
```
#5d552d rgb(93,85,45)
```
#6a6133
```
#6a6133 rgb(106,97,51)
```
#776d39
```
#776d39 rgb(119,109,57)
```
#847940
```
#847940 rgb(132,121,64)
```
#928546
```
#928546 rgb(146,133,70)
```
#9f914c
```
#9f914c rgb(159,145,76)
```
#ac9e53
```
#ac9e53 rgb(172,158,83)
```

Shade Color Variation

#b3a560
```
#b3a560 rgb(179,165,96)
```
#b9ad6d
```
#b9ad6d rgb(185,173,109)
```
#bfb47b
```
#bfb47b rgb(191,180,123)
```
#c6bc88
```
#c6bc88 rgb(198,188,136)
```
#ccc395
```
#ccc395 rgb(204,195,149)
```
#d2caa2
```
#d2caa2 rgb(210,202,162)
```
#d9d2af
```
#d9d2af rgb(217,210,175)
```
#dfd9bd
```
#dfd9bd rgb(223,217,189)
```
#e5e1ca
```
#e5e1ca rgb(229,225,202)
```
#ece8d7
```
#ece8d7 rgb(236,232,215)
```
#f2f0e4
```
#f2f0e4 rgb(242,240,228)
```
#f9f7f2
```
#f9f7f2 rgb(249,247,242)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b4b3ad
```
#b4b3ad rgb(180,179,173)
```
#bab7a7
```
#bab7a7 rgb(186,183,167)
```
#c0bba1
```
#c0bba1 rgb(192,187,161)
```
#c6bf9b
```
#c6bf9b rgb(198,191,155)
```
#ccc395
```
#ccc395 rgb(204,195,149)
```
#d2c78f
```
#d2c78f rgb(210,199,143)
```
#d8cb89
```
#d8cb89 rgb(216,203,137)
```
#decf83
```
#decf83 rgb(222,207,131)
```
#e4d37d
```
#e4d37d rgb(228,211,125)
```
#ead777
```
#ead777 rgb(234,215,119)
```
#f0db71
```
#f0db71 rgb(240,219,113)
```
#f6df6b
```
#f6df6b rgb(246,223,107)
```
#fce365
```
#fce365 rgb(252,227,101)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#c2c1b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2c59a Protanopia 1% of men
#e5bd9d Deuteranopia 1% of men
#d5bfcc Tritanopia 0.001% of the population

Trichromacy

#cfc498 Protanomaly 1% of men, 0.01% of women
#dcbf9a Deuteranomaly 6% of men, 0.4% of women
#d2c0b8 Tritanomaly 0.01% of the population

#ccc395 hex color

#ccc395 Color Information

#ccc395 Color Conversion

Color Schemes with #ccc395

Alternatives to #ccc395

#ccc395 Preview

Shades and Tints of #ccc395

Tones of #ccc395

Color Blindness Simulator