#c7a821 hex color

In a RGB color space, hex #c7a821 is composed of 78% red, 65.9% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.6% magenta, 83.4% yellow and 22% black. It has a hue angle of 48.8 degrees, a saturation of 71.6% and a lightness of 45.5%. #c7a821 color hex could be obtained by blending #ffff42 with #8f5100. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 78
- G 66
- B 13
RGB color chart
- C 0
- M 16
- Y 83
- K 22
CMYK color chart

● #c7a821 color description : Strong yellow.

The hexadecimal color #c7a821 has RGB values of R:199, G:168, B:33 and CMYK values of C:0, M:0.16, Y:0.83, K:0.22. Its decimal value is 13084705.

Hex triplet	c7a821	`#c7a821`
RGB Decimal	199, 168, 33	`rgb(199,168,33)`
RGB Percent	78, 65.9, 12.9	`rgb(78%,65.9%,12.9%)`
CMYK	0, 16, 83, 22
HSL	48.8°, 71.6, 45.5	`hsl(48.8,71.6%,45.5%)`
HSV (or HSB)	48.8°, 83.4, 78
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.653, -1.401, 66.739
XYZ	37.831, 40.259, 7.217
xyY	0.443, 0.472, 40.259
CIE-LCH	69.653, 66.754, 91.202
CIE-LUV	69.653, 27.415, 70.505
Hunter-Lab	63.45, -4.61, 37.671
Binary	11000111, 10101000, 00100001

#c7a821
```
#c7a821 rgb(199,168,33)
```
#2140c7
```
#2140c7 rgb(33,64,199)
```

Complementary Color

#c75521
```
#c75521 rgb(199,85,33)
```
#c7a821
```
#c7a821 rgb(199,168,33)
```
#93c721
```
#93c721 rgb(147,199,33)
```

Analogous Color

#5521c7
```
#5521c7 rgb(85,33,199)
```
#c7a821
```
#c7a821 rgb(199,168,33)
```
#2193c7
```
#2193c7 rgb(33,147,199)
```

Split Complementary Color

#a821c7
```
#a821c7 rgb(168,33,199)
```
#c7a821
```
#c7a821 rgb(199,168,33)
```
#21c7a8
```
#21c7a8 rgb(33,199,168)
```

Triadic Color

#c72140
```
#c72140 rgb(199,33,64)
```
#c7a821
```
#c7a821 rgb(199,168,33)
```
#21c7a8
```
#21c7a8 rgb(33,199,168)
```
#2140c7
```
#2140c7 rgb(33,64,199)
```

Tetradic Color

#857116
```
#857116 rgb(133,113,22)
```
#9b831a
```
#9b831a rgb(155,131,26)
```
#b1961d
```
#b1961d rgb(177,150,29)
```
#c7a821
```
#c7a821 rgb(199,168,33)
```
#dbb926
```
#dbb926 rgb(219,185,38)
```
#dfc03c
```
#dfc03c rgb(223,192,60)
```
#e2c752
```
#e2c752 rgb(226,199,82)
```

Monochromatic Color

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

#c77f21
```
#c77f21 rgb(199,127,33)
```
#c78c21
```
#c78c21 rgb(199,140,33)
```
#c79a21
```
#c79a21 rgb(199,154,33)
```
#c7a821
```
#c7a821 rgb(199,168,33)
```
#c7b621
```
#c7b621 rgb(199,182,33)
```
#c7c421
```
#c7c421 rgb(199,196,33)
```
#bdc721
```
#bdc721 rgb(189,199,33)
```

Similar Colors

Text with hexadecimal color #c7a821

This text has a font color of #c7a821.

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

#c7a821 background color

This paragraph has a background color of #c7a821.

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

#c7a821 border color

This element has a border color of #c7a821.

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

CSS codes

.text {color:#c7a821;}

.background {background-color:#c7a821;}

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

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, #0e0c02 is the darkest color, while #fffefc is the lightest one.

#0e0c02
```
#0e0c02 rgb(14,12,2)
```
#1f1a05
```
#1f1a05 rgb(31,26,5)
```
#302808
```
#302808 rgb(48,40,8)
```
#40360b
```
#40360b rgb(64,54,11)
```
#51450d
```
#51450d rgb(81,69,13)
```
#625310
```
#625310 rgb(98,83,16)
```
#736113
```
#736113 rgb(115,97,19)
```
#846f16
```
#846f16 rgb(132,111,22)
```
#957d19
```
#957d19 rgb(149,125,25)
```
#a58c1b
```
#a58c1b rgb(165,140,27)
```
#b69a1e
```
#b69a1e rgb(182,154,30)
```
#c7a821
```
#c7a821 rgb(199,168,33)
```
#d8b624
```
#d8b624 rgb(216,182,36)
```

Shade Color Variation

#ddbd32
```
#ddbd32 rgb(221,189,50)
```
#e0c343
```
#e0c343 rgb(224,195,67)
```
#e3c854
```
#e3c854 rgb(227,200,84)
```
#e5cd65
```
#e5cd65 rgb(229,205,101)
```
#e8d375
```
#e8d375 rgb(232,211,117)
```
#ebd886
```
#ebd886 rgb(235,216,134)
```
#eede97
```
#eede97 rgb(238,222,151)
```
#f1e3a8
```
#f1e3a8 rgb(241,227,168)
```
#f3e8b9
```
#f3e8b9 rgb(243,232,185)
```
#f6eeca
```
#f6eeca rgb(246,238,202)
```
#f9f3da
```
#f9f3da rgb(249,243,218)
```
#fcf9eb
```
#fcf9eb rgb(252,249,235)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#777671
```
#777671 rgb(119,118,113)
```
#807b68
```
#807b68 rgb(128,123,104)
```
#89815f
```
#89815f rgb(137,129,95)
```
#918657
```
#918657 rgb(145,134,87)
```
#9a8c4e
```
#9a8c4e rgb(154,140,78)
```
#a39245
```
#a39245 rgb(163,146,69)
```
#ac973c
```
#ac973c rgb(172,151,60)
```
#b59d33
```
#b59d33 rgb(181,157,51)
```
#bea22a
```
#bea22a rgb(190,162,42)
```
#c7a821
```
#c7a821 rgb(199,168,33)
```
#d0ae18
```
#d0ae18 rgb(208,174,24)
```
#d9b30f
```
#d9b30f rgb(217,179,15)
```
#e2b906
```
#e2b906 rgb(226,185,6)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a9a388 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3ae2d Protanopia 1% of men
#d9a630 Deuteranopia 1% of men
#d3a1ac Tritanopia 0.001% of the population

Trichromacy

#c4ac28 Protanomaly 1% of men, 0.01% of women
#d2a62a Deuteranomaly 6% of men, 0.4% of women
#cea379 Tritanomaly 0.01% of the population

#c7a821 hex color

#c7a821 Color Information

#c7a821 Color Conversion

Color Schemes with #c7a821

Alternatives to #c7a821

#c7a821 Preview

Shades and Tints of #c7a821

Tones of #c7a821

Color Blindness Simulator