#c5a303 hex color

In a RGB color space, hex #c5a303 is composed of 77.3% red, 63.9% green and 1.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.3% magenta, 98.5% yellow and 22.7% black. It has a hue angle of 49.5 degrees, a saturation of 97% and a lightness of 39.2%. #c5a303 color hex could be obtained by blending #ffff06 with #8b4700. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 77
- G 64
- B 1
RGB color chart
- C 0
- M 17
- Y 98
- K 23
CMYK color chart

● #c5a303 color description : Strong yellow.

The hexadecimal color #c5a303 has RGB values of R:197, G:163, B:3 and CMYK values of C:0, M:0.17, Y:0.98, K:0.23. Its decimal value is 12952323.

Hex triplet	c5a303	`#c5a303`
RGB Decimal	197, 163, 3	`rgb(197,163,3)`
RGB Percent	77.3, 63.9, 1.2	`rgb(77.3%,63.9%,1.2%)`
CMYK	0, 17, 98, 23
HSL	49.5°, 97, 39.2	`hsl(49.5,97%,39.2%)`
HSV (or HSB)	49.5°, 98.5, 77.3
Web Safe	cc9900	`#cc9900`

CIE-LAB	68.074, -0.157, 70.883
XYZ	36.14, 38.073, 5.531
xyY	0.453, 0.477, 38.073
CIE-LCH	68.074, 70.884, 90.127
CIE-LUV	68.074, 29.993, 71.632
Hunter-Lab	61.703, -3.431, 37.877
Binary	11000101, 10100011, 00000011

#c5a303
```
#c5a303 rgb(197,163,3)
```
#0325c5
```
#0325c5 rgb(3,37,197)
```

Complementary Color

#c54203
```
#c54203 rgb(197,66,3)
```
#c5a303
```
#c5a303 rgb(197,163,3)
```
#86c503
```
#86c503 rgb(134,197,3)
```

Analogous Color

#4203c5
```
#4203c5 rgb(66,3,197)
```
#c5a303
```
#c5a303 rgb(197,163,3)
```
#0386c5
```
#0386c5 rgb(3,134,197)
```

Split Complementary Color

#a303c5
```
#a303c5 rgb(163,3,197)
```
#c5a303
```
#c5a303 rgb(197,163,3)
```
#03c5a3
```
#03c5a3 rgb(3,197,163)
```

Triadic Color

#c50325
```
#c50325 rgb(197,3,37)
```
#c5a303
```
#c5a303 rgb(197,163,3)
```
#03c5a3
```
#03c5a3 rgb(3,197,163)
```
#0325c5
```
#0325c5 rgb(3,37,197)
```

Tetradic Color

#7a6502
```
#7a6502 rgb(122,101,2)
```
#937902
```
#937902 rgb(147,121,2)
```
#ac8e03
```
#ac8e03 rgb(172,142,3)
```
#c5a303
```
#c5a303 rgb(197,163,3)
```
#deb803
```
#deb803 rgb(222,184,3)
```
#f7cd04
```
#f7cd04 rgb(247,205,4)
```
#fbd419
```
#fbd419 rgb(251,212,25)
```

Monochromatic Color

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

#c57303
```
#c57303 rgb(197,115,3)
```
#c58303
```
#c58303 rgb(197,131,3)
```
#c59303
```
#c59303 rgb(197,147,3)
```
#c5a303
```
#c5a303 rgb(197,163,3)
```
#c5b303
```
#c5b303 rgb(197,179,3)
```
#c5c303
```
#c5c303 rgb(197,195,3)
```
#b7c503
```
#b7c503 rgb(183,197,3)
```

Similar Colors

Text with hexadecimal color #c5a303

This text has a font color of #c5a303.

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

#c5a303 background color

This paragraph has a background color of #c5a303.

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

#c5a303 border color

This element has a border color of #c5a303.

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

CSS codes

.text {color:#c5a303;}

.background {background-color:#c5a303;}

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

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

#040300
```
#040300 rgb(4,3,0)
```
#171300
```
#171300 rgb(23,19,0)
```
#2a2301
```
#2a2301 rgb(42,35,1)
```
#3e3301
```
#3e3301 rgb(62,51,1)
```
#514301
```
#514301 rgb(81,67,1)
```
#645302
```
#645302 rgb(100,83,2)
```
#786302
```
#786302 rgb(120,99,2)
```
#8b7302
```
#8b7302 rgb(139,115,2)
```
#9e8302
```
#9e8302 rgb(158,131,2)
```
#b29303
```
#b29303 rgb(178,147,3)
```
#c5a303
```
#c5a303 rgb(197,163,3)
```
#d8b303
```
#d8b303 rgb(216,179,3)
```
#ecc304
```
#ecc304 rgb(236,195,4)
```

Shade Color Variation

#fbd108
```
#fbd108 rgb(251,209,8)
```
#fcd41b
```
#fcd41b rgb(252,212,27)
```
#fcd82e
```
#fcd82e rgb(252,216,46)
```
#fcdb42
```
#fcdb42 rgb(252,219,66)
```
#fcdf55
```
#fcdf55 rgb(252,223,85)
```
#fde368
```
#fde368 rgb(253,227,104)
```
#fde67c
```
#fde67c rgb(253,230,124)
```
#fdea8f
```
#fdea8f rgb(253,234,143)
```
#feeea2
```
#feeea2 rgb(254,238,162)
```
#fef1b6
```
#fef1b6 rgb(254,241,182)
```
#fef5c9
```
#fef5c9 rgb(254,245,201)
```
#fef8dc
```
#fef8dc rgb(254,248,220)
```
#fffcef
```
#fffcef rgb(255,252,239)
```

Tint Color Variation

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

#69675f
```
#69675f rgb(105,103,95)
```
#706c58
```
#706c58 rgb(112,108,88)
```
#787150
```
#787150 rgb(120,113,80)
```
#807648
```
#807648 rgb(128,118,72)
```
#877b41
```
#877b41 rgb(135,123,65)
```
#8f8039
```
#8f8039 rgb(143,128,57)
```
#978531
```
#978531 rgb(151,133,49)
```
#9f8a29
```
#9f8a29 rgb(159,138,41)
```
#a68f22
```
#a68f22 rgb(166,143,34)
```
#ae941a
```
#ae941a rgb(174,148,26)
```
#b69912
```
#b69912 rgb(182,153,18)
```
#bd9e0b
```
#bd9e0b rgb(189,158,11)
```
#c5a303
```
#c5a303 rgb(197,163,3)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#a39d7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfaa0f Protanopia 1% of men
#d5a218 Deuteranopia 1% of men
#d19ca7 Tritanopia 0.001% of the population

Trichromacy

#c1a80b Protanomaly 1% of men, 0.01% of women
#cfa210 Deuteranomaly 6% of men, 0.4% of women
#cc9e6b Tritanomaly 0.01% of the population

#c5a303 hex color

#c5a303 Color Information

#c5a303 Color Conversion

Color Schemes with #c5a303

Alternatives to #c5a303

#c5a303 Preview

Shades and Tints of #c5a303

Tones of #c5a303

Color Blindness Simulator