#c5a227 hex color

In a RGB color space, hex #c5a227 is composed of 77.3% red, 63.5% green and 15.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.8% magenta, 80.2% yellow and 22.7% black. It has a hue angle of 46.7 degrees, a saturation of 66.9% and a lightness of 46.3%. #c5a227 color hex could be obtained by blending #ffff4e with #8b4500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 77
- G 64
- B 15
RGB color chart
- C 0
- M 18
- Y 80
- K 23
CMYK color chart

● #c5a227 color description : Strong yellow.

The hexadecimal color #c5a227 has RGB values of R:197, G:162, B:39 and CMYK values of C:0, M:0.18, Y:0.8, K:0.23. Its decimal value is 12952103.

Hex triplet	c5a227	`#c5a227`
RGB Decimal	197, 162, 39	`rgb(197,162,39)`
RGB Percent	77.3, 63.5, 15.3	`rgb(77.3%,63.5%,15.3%)`
CMYK	0, 18, 80, 23
HSL	46.7°, 66.9, 46.3	`hsl(46.7,66.9%,46.3%)`
HSV (or HSB)	46.7°, 80.2, 77.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	67.917, 1.099, 63.382
XYZ	36.313, 37.859, 7.314
xyY	0.446, 0.465, 37.859
CIE-LCH	67.917, 63.392, 89.006
CIE-LUV	67.917, 30.143, 66.96
Hunter-Lab	61.53, -2.332, 36.023
Binary	11000101, 10100010, 00100111

#c5a227
```
#c5a227 rgb(197,162,39)
```
#274ac5
```
#274ac5 rgb(39,74,197)
```

Complementary Color

#c55327
```
#c55327 rgb(197,83,39)
```
#c5a227
```
#c5a227 rgb(197,162,39)
```
#99c527
```
#99c527 rgb(153,197,39)
```

Analogous Color

#5327c5
```
#5327c5 rgb(83,39,197)
```
#c5a227
```
#c5a227 rgb(197,162,39)
```
#2799c5
```
#2799c5 rgb(39,153,197)
```

Split Complementary Color

#a227c5
```
#a227c5 rgb(162,39,197)
```
#c5a227
```
#c5a227 rgb(197,162,39)
```
#27c5a2
```
#27c5a2 rgb(39,197,162)
```

Triadic Color

#c5274a
```
#c5274a rgb(197,39,74)
```
#c5a227
```
#c5a227 rgb(197,162,39)
```
#27c5a2
```
#27c5a2 rgb(39,197,162)
```
#274ac5
```
#274ac5 rgb(39,74,197)
```

Tetradic Color

#856d1a
```
#856d1a rgb(133,109,26)
```
#9a7f1f
```
#9a7f1f rgb(154,127,31)
```
#b09023
```
#b09023 rgb(176,144,35)
```
#c5a227
```
#c5a227 rgb(197,162,39)
```
#d6b130
```
#d6b130 rgb(214,177,48)
```
#dab945
```
#dab945 rgb(218,185,69)
```
#dec15a
```
#dec15a rgb(222,193,90)
```

Monochromatic Color

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

#c57b27
```
#c57b27 rgb(197,123,39)
```
#c58827
```
#c58827 rgb(197,136,39)
```
#c59527
```
#c59527 rgb(197,149,39)
```
#c5a227
```
#c5a227 rgb(197,162,39)
```
#c5af27
```
#c5af27 rgb(197,175,39)
```
#c5bc27
```
#c5bc27 rgb(197,188,39)
```
#c1c527
```
#c1c527 rgb(193,197,39)
```

Similar Colors

Text with hexadecimal color #c5a227

This text has a font color of #c5a227.

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

#c5a227 background color

This paragraph has a background color of #c5a227.

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

#c5a227 border color

This element has a border color of #c5a227.

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

CSS codes

.text {color:#c5a227;}

.background {background-color:#c5a227;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110e03
```
#110e03 rgb(17,14,3)
```
#211b07
```
#211b07 rgb(33,27,7)
```
#32290a
```
#32290a rgb(50,41,10)
```
#42360d
```
#42360d rgb(66,54,13)
```
#524410
```
#524410 rgb(82,68,16)
```
#635114
```
#635114 rgb(99,81,20)
```
#735f17
```
#735f17 rgb(115,95,23)
```
#846c1a
```
#846c1a rgb(132,108,26)
```
#947a1d
```
#947a1d rgb(148,122,29)
```
#a48721
```
#a48721 rgb(164,135,33)
```
#b59524
```
#b59524 rgb(181,149,36)
```
#c5a227
```
#c5a227 rgb(197,162,39)
```

Shade Color Variation

#d5af2b
```
#d5af2b rgb(213,175,43)
```
#d8b53b
```
#d8b53b rgb(216,181,59)
```
#dbbc4b
```
#dbbc4b rgb(219,188,75)
```
#dfc25c
```
#dfc25c rgb(223,194,92)
```
#e2c86c
```
#e2c86c rgb(226,200,108)
```
#e5ce7d
```
#e5ce7d rgb(229,206,125)
```
#e8d48d
```
#e8d48d rgb(232,212,141)
```
#ecda9d
```
#ecda9d rgb(236,218,157)
```
#efe0ae
```
#efe0ae rgb(239,224,174)
```
#f2e7be
```
#f2e7be rgb(242,231,190)
```
#f5edce
```
#f5edce rgb(245,237,206)
```
#f9f3df
```
#f9f3df rgb(249,243,223)
```
#fcf9ef
```
#fcf9ef rgb(252,249,239)
```

Tint Color Variation

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

#7c7a70
```
#7c7a70 rgb(124,122,112)
```
#857f67
```
#857f67 rgb(133,127,103)
```
#8f845d
```
#8f845d rgb(143,132,93)
```
#988954
```
#988954 rgb(152,137,84)
```
#a18e4b
```
#a18e4b rgb(161,142,75)
```
#aa9342
```
#aa9342 rgb(170,147,66)
```
#b39839
```
#b39839 rgb(179,152,57)
```
#bc9d30
```
#bc9d30 rgb(188,157,48)
```
#c5a227
```
#c5a227 rgb(197,162,39)
```
#cea71e
```
#cea71e rgb(206,167,30)
```
#d7ac15
```
#d7ac15 rgb(215,172,21)
```
#e0b10c
```
#e0b10c rgb(224,177,12)
```
#e9b603
```
#e9b603 rgb(233,182,3)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a69f86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beaa33 Protanopia 1% of men
#d3a234 Deuteranopia 1% of men
#d09ca7 Tritanopia 0.001% of the population

Trichromacy

#c0a72e Protanomaly 1% of men, 0.01% of women
#cea22f Deuteranomaly 6% of men, 0.4% of women
#cc9e78 Tritanomaly 0.01% of the population

#c5a227 hex color

#c5a227 Color Information

#c5a227 Color Conversion

Color Schemes with #c5a227

Alternatives to #c5a227

#c5a227 Preview

Shades and Tints of #c5a227

Tones of #c5a227

Color Blindness Simulator