#ccc275 hex color

In a RGB color space, hex #ccc275 is composed of 80% red, 76.1% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.9% magenta, 42.6% yellow and 20% black. It has a hue angle of 53.1 degrees, a saturation of 46% and a lightness of 62.9%. #ccc275 color hex could be obtained by blending #ffffea with #998500. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 76
- B 46
RGB color chart
- C 0
- M 5
- Y 43
- K 20
CMYK color chart

● #ccc275 color description : Slightly desaturated yellow.

The hexadecimal color #ccc275 has RGB values of R:204, G:194, B:117 and CMYK values of C:0, M:0.05, Y:0.43, K:0.2. Its decimal value is 13419125.

Hex triplet	ccc275	`#ccc275`
RGB Decimal	204, 194, 117	`rgb(204,194,117)`
RGB Percent	80, 76.1, 45.9	`rgb(80%,76.1%,45.9%)`
CMYK	0, 5, 43, 20
HSL	53.1°, 46, 62.9	`hsl(53.1,46%,62.9%)`
HSV (or HSB)	53.1°, 42.6, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	77.701, -7.367, 39.9
XYZ	47.404, 52.706, 24.505
xyY	0.38, 0.423, 52.706
CIE-LCH	77.701, 40.574, 100.461
CIE-LUV	77.701, 10.288, 52.596
Hunter-Lab	72.599, -10.495, 30.807
Binary	11001100, 11000010, 01110101

#ccc275
```
#ccc275 rgb(204,194,117)
```
#757fcc
```
#757fcc rgb(117,127,204)
```

Complementary Color

#cc9775
```
#cc9775 rgb(204,151,117)
```
#ccc275
```
#ccc275 rgb(204,194,117)
```
#abcc75
```
#abcc75 rgb(171,204,117)
```

Analogous Color

#9775cc
```
#9775cc rgb(151,117,204)
```
#ccc275
```
#ccc275 rgb(204,194,117)
```
#75abcc
```
#75abcc rgb(117,171,204)
```

Split Complementary Color

#c275cc
```
#c275cc rgb(194,117,204)
```
#ccc275
```
#ccc275 rgb(204,194,117)
```
#75ccc2
```
#75ccc2 rgb(117,204,194)
```

Triadic Color

#cc757f
```
#cc757f rgb(204,117,127)
```
#ccc275
```
#ccc275 rgb(204,194,117)
```
#75ccc2
```
#75ccc2 rgb(117,204,194)
```
#757fcc
```
#757fcc rgb(117,127,204)
```

Tetradic Color

#b3a642
```
#b3a642 rgb(179,166,66)
```
#beb250
```
#beb250 rgb(190,178,80)
```
#c5ba62
```
#c5ba62 rgb(197,186,98)
```
#ccc275
```
#ccc275 rgb(204,194,117)
```
#d3ca88
```
#d3ca88 rgb(211,202,136)
```
#dad29a
```
#dad29a rgb(218,210,154)
```
#e1dbad
```
#e1dbad rgb(225,219,173)
```

Monochromatic Color

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

#ccac75
```
#ccac75 rgb(204,172,117)
```
#ccb475
```
#ccb475 rgb(204,180,117)
```
#ccbb75
```
#ccbb75 rgb(204,187,117)
```
#ccc275
```
#ccc275 rgb(204,194,117)
```
#ccc975
```
#ccc975 rgb(204,201,117)
```
#c8cc75
```
#c8cc75 rgb(200,204,117)
```
#c0cc75
```
#c0cc75 rgb(192,204,117)
```

Similar Colors

Text with hexadecimal color #ccc275

This text has a font color of #ccc275.

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

#ccc275 background color

This paragraph has a background color of #ccc275.

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

#ccc275 border color

This element has a border color of #ccc275.

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

CSS codes

.text {color:#ccc275;}

.background {background-color:#ccc275;}

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

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

#050502
```
#050502 rgb(5,5,2)
```
#141207
```
#141207 rgb(20,18,7)
```
#221f0d
```
#221f0d rgb(34,31,13)
```
#302d12
```
#302d12 rgb(48,45,18)
```
#3f3a17
```
#3f3a17 rgb(63,58,23)
```
#4d471c
```
#4d471c rgb(77,71,28)
```
#5b5522
```
#5b5522 rgb(91,85,34)
```
#696227
```
#696227 rgb(105,98,39)
```
#786f2c
```
#786f2c rgb(120,111,44)
```
#867c32
```
#867c32 rgb(134,124,50)
```
#948a37
```
#948a37 rgb(148,138,55)
```
#a3973c
```
#a3973c rgb(163,151,60)
```
#b1a441
```
#b1a441 rgb(177,164,65)
```

Shade Color Variation

#bcaf4a
```
#bcaf4a rgb(188,175,74)
```
#c1b558
```
#c1b558 rgb(193,181,88)
```
#c7bc67
```
#c7bc67 rgb(199,188,103)
```
#ccc275
```
#ccc275 rgb(204,194,117)
```
#d1c883
```
#d1c883 rgb(209,200,131)
```
#d7cf92
```
#d7cf92 rgb(215,207,146)
```
#dcd5a0
```
#dcd5a0 rgb(220,213,160)
```
#e1dbae
```
#e1dbae rgb(225,219,174)
```
#e6e2bd
```
#e6e2bd rgb(230,226,189)
```
#ece8cb
```
#ece8cb rgb(236,232,203)
```
#f1eed9
```
#f1eed9 rgb(241,238,217)
```
#f6f5e8
```
#f6f5e8 rgb(246,245,232)
```
#fcfbf6
```
#fcfbf6 rgb(252,251,246)
```

Tint Color Variation

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

#a8a699
```
#a8a699 rgb(168,166,153)
```
#afac92
```
#afac92 rgb(175,172,146)
```
#b6b18b
```
#b6b18b rgb(182,177,139)
```
#bdb784
```
#bdb784 rgb(189,183,132)
```
#c5bc7c
```
#c5bc7c rgb(197,188,124)
```
#ccc275
```
#ccc275 rgb(204,194,117)
```
#d3c86e
```
#d3c86e rgb(211,200,110)
```
#dbcd66
```
#dbcd66 rgb(219,205,102)
```
#e2d35f
```
#e2d35f rgb(226,211,95)
```
#e9d858
```
#e9d858 rgb(233,216,88)
```
#f0de51
```
#f0de51 rgb(240,222,81)
```
#f8e449
```
#f8e449 rgb(248,228,73)
```
#ffe942
```
#ffe942 rgb(255,233,66)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#bfbdae Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4c37b Protanopia 1% of men
#e9bb7f Deuteranopia 1% of men
#d8bbc9 Tritanopia 0.001% of the population

Trichromacy

#d1c279 Protanomaly 1% of men, 0.01% of women
#dfbd7b Deuteranomaly 6% of men, 0.4% of women
#d3beaa Tritanomaly 0.01% of the population

#ccc275 hex color

#ccc275 Color Information

#ccc275 Color Conversion

Color Schemes with #ccc275

Alternatives to #ccc275

#ccc275 Preview

Shades and Tints of #ccc275

Tones of #ccc275

Color Blindness Simulator