#ccc150 hex color

In a RGB color space, hex #ccc150 is composed of 80% red, 75.7% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.4% magenta, 60.8% yellow and 20% black. It has a hue angle of 54.7 degrees, a saturation of 54.9% and a lightness of 55.7%. #ccc150 color hex could be obtained by blending #ffffa0 with #998300. Closest websafe color is: #cccc66.

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

● #ccc150 color description : Moderate yellow.

The hexadecimal color #ccc150 has RGB values of R:204, G:193, B:80 and CMYK values of C:0, M:0.05, Y:0.61, K:0.2. Its decimal value is 13418832.

Hex triplet	ccc150	`#ccc150`
RGB Decimal	204, 193, 80	`rgb(204,193,80)`
RGB Percent	80, 75.7, 31.4	`rgb(80%,75.7%,31.4%)`
CMYK	0, 5, 61, 20
HSL	54.7°, 54.9, 55.7	`hsl(54.7,54.9%,55.7%)`
HSV (or HSB)	54.7°, 60.8, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	77.015, -10.023, 56.739
XYZ	45.42, 51.558, 15.148
xyY	0.405, 0.46, 51.558
CIE-LCH	77.015, 57.618, 100.018
CIE-LUV	77.015, 12.397, 68.663
Hunter-Lab	71.804, -12.745, 37.754
Binary	11001100, 11000001, 01010000

#ccc150
```
#ccc150 rgb(204,193,80)
```
#505bcc
```
#505bcc rgb(80,91,204)
```

Complementary Color

#cc8350
```
#cc8350 rgb(204,131,80)
```
#ccc150
```
#ccc150 rgb(204,193,80)
```
#99cc50
```
#99cc50 rgb(153,204,80)
```

Analogous Color

#8350cc
```
#8350cc rgb(131,80,204)
```
#ccc150
```
#ccc150 rgb(204,193,80)
```
#5099cc
```
#5099cc rgb(80,153,204)
```

Split Complementary Color

#c150cc
```
#c150cc rgb(193,80,204)
```
#ccc150
```
#ccc150 rgb(204,193,80)
```
#50ccc1
```
#50ccc1 rgb(80,204,193)
```

Triadic Color

#cc505b
```
#cc505b rgb(204,80,91)
```
#ccc150
```
#ccc150 rgb(204,193,80)
```
#50ccc1
```
#50ccc1 rgb(80,204,193)
```
#505bcc
```
#505bcc rgb(80,91,204)
```

Tetradic Color

#a1972f
```
#a1972f rgb(161,151,47)
```
#b4a935
```
#b4a935 rgb(180,169,53)
```
#c6ba3c
```
#c6ba3c rgb(198,186,60)
```
#ccc150
```
#ccc150 rgb(204,193,80)
```
#d2c864
```
#d2c864 rgb(210,200,100)
```
#d8cf77
```
#d8cf77 rgb(216,207,119)
```
#ddd68b
```
#ddd68b rgb(221,214,139)
```

Monochromatic Color

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

#cca250
```
#cca250 rgb(204,162,80)
```
#ccac50
```
#ccac50 rgb(204,172,80)
```
#ccb750
```
#ccb750 rgb(204,183,80)
```
#ccc150
```
#ccc150 rgb(204,193,80)
```
#cccb50
```
#cccb50 rgb(204,203,80)
```
#c2cc50
```
#c2cc50 rgb(194,204,80)
```
#b8cc50
```
#b8cc50 rgb(184,204,80)
```

Similar Colors

Text with hexadecimal color #ccc150

This text has a font color of #ccc150.

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

#ccc150 background color

This paragraph has a background color of #ccc150.

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

#ccc150 border color

This element has a border color of #ccc150.

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

CSS codes

.text {color:#ccc150;}

.background {background-color:#ccc150;}

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

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

#070702
```
#070702 rgb(7,7,2)
```
#161507
```
#161507 rgb(22,21,7)
```
#26230b
```
#26230b rgb(38,35,11)
```
#35320f
```
#35320f rgb(53,50,15)
```
#444014
```
#444014 rgb(68,64,20)
```
#534e18
```
#534e18 rgb(83,78,24)
```
#625c1d
```
#625c1d rgb(98,92,29)
```
#726a21
```
#726a21 rgb(114,106,33)
```
#817926
```
#817926 rgb(129,121,38)
```
#90872a
```
#90872a rgb(144,135,42)
```
#9f952e
```
#9f952e rgb(159,149,46)
```
#aea333
```
#aea333 rgb(174,163,51)
```
#beb237
```
#beb237 rgb(190,178,55)
```

Shade Color Variation

#c8bc41
```
#c8bc41 rgb(200,188,65)
```
#ccc150
```
#ccc150 rgb(204,193,80)
```
#d0c65f
```
#d0c65f rgb(208,198,95)
```
#d5cc6e
```
#d5cc6e rgb(213,204,110)
```
#d9d17e
```
#d9d17e rgb(217,209,126)
```
#ded78d
```
#ded78d rgb(222,215,141)
```
#e2dc9c
```
#e2dc9c rgb(226,220,156)
```
#e7e1ab
```
#e7e1ab rgb(231,225,171)
```
#ebe7ba
```
#ebe7ba rgb(235,231,186)
```
#efecca
```
#efecca rgb(239,236,202)
```
#f4f1d9
```
#f4f1d9 rgb(244,241,217)
```
#f8f7e8
```
#f8f7e8 rgb(248,247,232)
```
#fdfcf7
```
#fdfcf7 rgb(253,252,247)
```

Tint Color Variation

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

#8f8f8d
```
#8f8f8d rgb(143,143,141)
```
#989684
```
#989684 rgb(152,150,132)
```
#a19d7b
```
#a19d7b rgb(161,157,123)
```
#a9a473
```
#a9a473 rgb(169,164,115)
```
#b2ac6a
```
#b2ac6a rgb(178,172,106)
```
#bbb361
```
#bbb361 rgb(187,179,97)
```
#c3ba59
```
#c3ba59 rgb(195,186,89)
```
#ccc150
```
#ccc150 rgb(204,193,80)
```
#d5c847
```
#d5c847 rgb(213,200,71)
```
#ddcf3f
```
#ddcf3f rgb(221,207,63)
```
#e6d636
```
#e6d636 rgb(230,214,54)
```
#efde2d
```
#efde2d rgb(239,222,45)
```
#f7e525
```
#f7e525 rgb(247,229,37)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#bbb9a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6c158 Protanopia 1% of men
#edb85d Deuteranopia 1% of men
#d9b8c5 Tritanopia 0.001% of the population

Trichromacy

#d2c155 Protanomaly 1% of men, 0.01% of women
#e1bb58 Deuteranomaly 6% of men, 0.4% of women
#d4bb9b Tritanomaly 0.01% of the population

#ccc150 hex color

#ccc150 Color Information

#ccc150 Color Conversion

Color Schemes with #ccc150

Alternatives to #ccc150

#ccc150 Preview

Shades and Tints of #ccc150

Tones of #ccc150

Color Blindness Simulator