#c7af30 hex color

In a RGB color space, hex #c7af30 is composed of 78% red, 68.6% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.1% magenta, 75.9% yellow and 22% black. It has a hue angle of 50.5 degrees, a saturation of 61.1% and a lightness of 48.4%. #c7af30 color hex could be obtained by blending #ffff60 with #8f5f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 78
- G 69
- B 19
RGB color chart
- C 0
- M 12
- Y 76
- K 22
CMYK color chart

● #c7af30 color description : Strong yellow.

The hexadecimal color #c7af30 has RGB values of R:199, G:175, B:48 and CMYK values of C:0, M:0.12, Y:0.76, K:0.22. Its decimal value is 13086512.

Hex triplet	c7af30	`#c7af30`
RGB Decimal	199, 175, 48	`rgb(199,175,48)`
RGB Percent	78, 68.6, 18.8	`rgb(78%,68.6%,18.8%)`
CMYK	0, 12, 76, 22
HSL	50.5°, 61.1, 48.4	`hsl(50.5,61.1%,48.4%)`
HSV (or HSB)	50.5°, 75.9, 78
Web Safe	cc9933	`#cc9933`

CIE-LAB	71.566, -4.576, 63.781
XYZ	39.417, 43.017, 9.023
xyY	0.431, 0.47, 43.017
CIE-LCH	71.566, 63.945, 94.104
CIE-LUV	71.566, 22.036, 70.35
Hunter-Lab	65.587, -7.502, 37.754
Binary	11000111, 10101111, 00110000

#c7af30
```
#c7af30 rgb(199,175,48)
```
#3048c7
```
#3048c7 rgb(48,72,199)
```

Complementary Color

#c76430
```
#c76430 rgb(199,100,48)
```
#c7af30
```
#c7af30 rgb(199,175,48)
```
#94c730
```
#94c730 rgb(148,199,48)
```

Analogous Color

#6430c7
```
#6430c7 rgb(100,48,199)
```
#c7af30
```
#c7af30 rgb(199,175,48)
```
#3094c7
```
#3094c7 rgb(48,148,199)
```

Split Complementary Color

#af30c7
```
#af30c7 rgb(175,48,199)
```
#c7af30
```
#c7af30 rgb(199,175,48)
```
#30c7af
```
#30c7af rgb(48,199,175)
```

Triadic Color

#c73048
```
#c73048 rgb(199,48,72)
```
#c7af30
```
#c7af30 rgb(199,175,48)
```
#30c7af
```
#30c7af rgb(48,199,175)
```
#3048c7
```
#3048c7 rgb(48,72,199)
```

Tetradic Color

#897921
```
#897921 rgb(137,121,33)
```
#9e8b26
```
#9e8b26 rgb(158,139,38)
```
#b29d2b
```
#b29d2b rgb(178,157,43)
```
#c7af30
```
#c7af30 rgb(199,175,48)
```
#d1ba40
```
#d1ba40 rgb(209,186,64)
```
#d6c154
```
#d6c154 rgb(214,193,84)
```
#dbc969
```
#dbc969 rgb(219,201,105)
```

Monochromatic Color

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

#c78930
```
#c78930 rgb(199,137,48)
```
#c79630
```
#c79630 rgb(199,150,48)
```
#c7a230
```
#c7a230 rgb(199,162,48)
```
#c7af30
```
#c7af30 rgb(199,175,48)
```
#c7bc30
```
#c7bc30 rgb(199,188,48)
```
#c6c730
```
#c6c730 rgb(198,199,48)
```
#b9c730
```
#b9c730 rgb(185,199,48)
```

Similar Colors

Text with hexadecimal color #c7af30

This text has a font color of #c7af30.

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

#c7af30 background color

This paragraph has a background color of #c7af30.

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

#c7af30 border color

This element has a border color of #c7af30.

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

CSS codes

.text {color:#c7af30;}

.background {background-color:#c7af30;}

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

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

#090802
```
#090802 rgb(9,8,2)
```
#191606
```
#191606 rgb(25,22,6)
```
#29240a
```
#29240a rgb(41,36,10)
```
#39320e
```
#39320e rgb(57,50,14)
```
#494012
```
#494012 rgb(73,64,18)
```
#584e15
```
#584e15 rgb(88,78,21)
```
#685c19
```
#685c19 rgb(104,92,25)
```
#786a1d
```
#786a1d rgb(120,106,29)
```
#887721
```
#887721 rgb(136,119,33)
```
#988525
```
#988525 rgb(152,133,37)
```
#a79328
```
#a79328 rgb(167,147,40)
```
#b7a12c
```
#b7a12c rgb(183,161,44)
```
#c7af30
```
#c7af30 rgb(199,175,48)
```

Shade Color Variation

#d0b83b
```
#d0b83b rgb(208,184,59)
```
#d4be4b
```
#d4be4b rgb(212,190,75)
```
#d7c35b
```
#d7c35b rgb(215,195,91)
```
#dbc96a
```
#dbc96a rgb(219,201,106)
```
#dfcf7a
```
#dfcf7a rgb(223,207,122)
```
#e3d58a
```
#e3d58a rgb(227,213,138)
```
#e7da9a
```
#e7da9a rgb(231,218,154)
```
#eae0aa
```
#eae0aa rgb(234,224,170)
```
#eee6b9
```
#eee6b9 rgb(238,230,185)
```
#f2ecc9
```
#f2ecc9 rgb(242,236,201)
```
#f6f1d9
```
#f6f1d9 rgb(246,241,217)
```
#faf7e9
```
#faf7e9 rgb(250,247,233)
```
#fdfdf9
```
#fdfdf9 rgb(253,253,249)
```

Tint Color Variation

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

#858273
```
#858273 rgb(133,130,115)
```
#8e8869
```
#8e8869 rgb(142,136,105)
```
#988f60
```
#988f60 rgb(152,143,96)
```
#a19556
```
#a19556 rgb(161,149,86)
```
#ab9c4d
```
#ab9c4d rgb(171,156,77)
```
#b4a243
```
#b4a243 rgb(180,162,67)
```
#bea93a
```
#bea93a rgb(190,169,58)
```
#c7af30
```
#c7af30 rgb(199,175,48)
```
#d1b527
```
#d1b527 rgb(209,181,39)
```
#dabc1d
```
#dabc1d rgb(218,188,29)
```
#e4c214
```
#e4c214 rgb(228,194,20)
```
#edc90a
```
#edc90a rgb(237,201,10)
```
#f7cf00
```
#f7cf00 rgb(247,207,0)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#aea990 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b33a Protanopia 1% of men
#deab3e Deuteranopia 1% of men
#d3a7b3 Tritanopia 0.001% of the population

Trichromacy

#c7b236 Protanomaly 1% of men, 0.01% of women
#d5ac39 Deuteranomaly 6% of men, 0.4% of women
#cfaa83 Tritanomaly 0.01% of the population

#c7af30 hex color

#c7af30 Color Information

#c7af30 Color Conversion

Color Schemes with #c7af30

Alternatives to #c7af30

#c7af30 Preview

Shades and Tints of #c7af30

Tones of #c7af30

Color Blindness Simulator