#ccc361 hex color

In a RGB color space, hex #ccc361 is composed of 80% red, 76.5% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.4% magenta, 52.5% yellow and 20% black. It has a hue angle of 55 degrees, a saturation of 51.2% and a lightness of 59%. #ccc361 color hex could be obtained by blending #ffffc2 with #998700. Closest websafe color is: #cccc66.

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

● #ccc361 color description : Moderate yellow.

The hexadecimal color #ccc361 has RGB values of R:204, G:195, B:97 and CMYK values of C:0, M:0.04, Y:0.52, K:0.2. Its decimal value is 13419361.

Hex triplet	ccc361	`#ccc361`
RGB Decimal	204, 195, 97	`rgb(204,195,97)`
RGB Percent	80, 76.5, 38	`rgb(80%,76.5%,38%)`
CMYK	0, 4, 52, 20
HSL	55°, 51.2, 59	`hsl(55,51.2%,59%)`
HSV (or HSB)	55°, 52.5, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	77.716, -9.758, 49.752
XYZ	46.574, 52.732, 19.033
xyY	0.394, 0.446, 52.732
CIE-LCH	77.716, 50.7, 101.097
CIE-LUV	77.716, 10.503, 62.774
Hunter-Lab	72.617, -12.593, 35.291
Binary	11001100, 11000011, 01100001

#ccc361
```
#ccc361 rgb(204,195,97)
```
#616acc
```
#616acc rgb(97,106,204)
```

Complementary Color

#cc8e61
```
#cc8e61 rgb(204,142,97)
```
#ccc361
```
#ccc361 rgb(204,195,97)
```
#a0cc61
```
#a0cc61 rgb(160,204,97)
```

Analogous Color

#8e61cc
```
#8e61cc rgb(142,97,204)
```
#ccc361
```
#ccc361 rgb(204,195,97)
```
#61a0cc
```
#61a0cc rgb(97,160,204)
```

Split Complementary Color

#c361cc
```
#c361cc rgb(195,97,204)
```
#ccc361
```
#ccc361 rgb(204,195,97)
```
#61ccc3
```
#61ccc3 rgb(97,204,195)
```

Triadic Color

#cc616a
```
#cc616a rgb(204,97,106)
```
#ccc361
```
#ccc361 rgb(204,195,97)
```
#61ccc3
```
#61ccc3 rgb(97,204,195)
```
#616acc
```
#616acc rgb(97,106,204)
```

Tetradic Color

#aaa037
```
#aaa037 rgb(170,160,55)
```
#bdb23d
```
#bdb23d rgb(189,178,61)
```
#c6bc4e
```
#c6bc4e rgb(198,188,78)
```
#ccc361
```
#ccc361 rgb(204,195,97)
```
#d2ca74
```
#d2ca74 rgb(210,202,116)
```
#d8d288
```
#d8d288 rgb(216,210,136)
```
#dfd99b
```
#dfd99b rgb(223,217,155)
```

Monochromatic Color

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

#cca861
```
#cca861 rgb(204,168,97)
```
#ccb161
```
#ccb161 rgb(204,177,97)
```
#ccba61
```
#ccba61 rgb(204,186,97)
```
#ccc361
```
#ccc361 rgb(204,195,97)
```
#cccc61
```
#cccc61 rgb(204,204,97)
```
#c3cc61
```
#c3cc61 rgb(195,204,97)
```
#bacc61
```
#bacc61 rgb(186,204,97)
```

Similar Colors

Text with hexadecimal color #ccc361

This text has a font color of #ccc361.

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

#ccc361 background color

This paragraph has a background color of #ccc361.

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

#ccc361 border color

This element has a border color of #ccc361.

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

CSS codes

.text {color:#ccc361;}

.background {background-color:#ccc361;}

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

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 #fcfbf5 is the lightest one.

#050502
```
#050502 rgb(5,5,2)
```
#141306
```
#141306 rgb(20,19,6)
```
#23210b
```
#23210b rgb(35,33,11)
```
#322f10
```
#322f10 rgb(50,47,16)
```
#403d15
```
#403d15 rgb(64,61,21)
```
#4f4b1a
```
#4f4b1a rgb(79,75,26)
```
#5e591e
```
#5e591e rgb(94,89,30)
```
#6d6723
```
#6d6723 rgb(109,103,35)
```
#7c7528
```
#7c7528 rgb(124,117,40)
```
#8b832d
```
#8b832d rgb(139,131,45)
```
#999132
```
#999132 rgb(153,145,50)
```
#a89f36
```
#a89f36 rgb(168,159,54)
```
#b7ad3b
```
#b7ad3b rgb(183,173,59)
```

Shade Color Variation

#c2b843
```
#c2b843 rgb(194,184,67)
```
#c7bd52
```
#c7bd52 rgb(199,189,82)
```
#ccc361
```
#ccc361 rgb(204,195,97)
```
#d1c970
```
#d1c970 rgb(209,201,112)
```
#d6ce7f
```
#d6ce7f rgb(214,206,127)
```
#dad48d
```
#dad48d rgb(218,212,141)
```
#dfda9c
```
#dfda9c rgb(223,218,156)
```
#e4dfab
```
#e4dfab rgb(228,223,171)
```
#e9e5ba
```
#e9e5ba rgb(233,229,186)
```
#eeeac9
```
#eeeac9 rgb(238,234,201)
```
#f2f0d8
```
#f2f0d8 rgb(242,240,216)
```
#f7f6e6
```
#f7f6e6 rgb(247,246,230)
```
#fcfbf5
```
#fcfbf5 rgb(252,251,245)
```

Tint Color Variation

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

#9c9b91
```
#9c9b91 rgb(156,155,145)
```
#a4a289
```
#a4a289 rgb(164,162,137)
```
#aca881
```
#aca881 rgb(172,168,129)
```
#b4af79
```
#b4af79 rgb(180,175,121)
```
#bcb671
```
#bcb671 rgb(188,182,113)
```
#c4bc69
```
#c4bc69 rgb(196,188,105)
```
#ccc361
```
#ccc361 rgb(204,195,97)
```
#d4ca59
```
#d4ca59 rgb(212,202,89)
```
#dcd051
```
#dcd051 rgb(220,208,81)
```
#e4d749
```
#e4d749 rgb(228,215,73)
```
#ecde41
```
#ecde41 rgb(236,222,65)
```
#f4e439
```
#f4e439 rgb(244,228,57)
```
#fceb31
```
#fceb31 rgb(252,235,49)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#bebda9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6c368 Protanopia 1% of men
#edba6d Deuteranopia 1% of men
#d9bbc8 Tritanopia 0.001% of the population

Trichromacy

#d2c365 Protanomaly 1% of men, 0.01% of women
#e1bd68 Deuteranomaly 6% of men, 0.4% of women
#d4bea2 Tritanomaly 0.01% of the population

#ccc361 hex color

#ccc361 Color Information

#ccc361 Color Conversion

Color Schemes with #ccc361

Alternatives to #ccc361

#ccc361 Preview

Shades and Tints of #ccc361

Tones of #ccc361

Color Blindness Simulator