#c7a300 hex color

In a RGB color space, hex #c7a300 is composed of 78% red, 63.9% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.1% magenta, 100% yellow and 22% black. It has a hue angle of 49.1 degrees, a saturation of 100% and a lightness of 39%. #c7a300 color hex could be obtained by blending #ffff00 with #8f4700. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 78
- G 64
- B 0
RGB color chart
- C 0
- M 18
- Y 100
- K 22
CMYK color chart

● #c7a300 color description : Strong yellow.

The hexadecimal color #c7a300 has RGB values of R:199, G:163, B:0 and CMYK values of C:0, M:0.18, Y:1, K:0.22. Its decimal value is 13083392.

Hex triplet	c7a300	`#c7a300`
RGB Decimal	199, 163, 0	`rgb(199,163,0)`
RGB Percent	78, 63.9, 0	`rgb(78%,63.9%,0%)`
CMYK	0, 18, 100, 22
HSL	49.1°, 100, 39	`hsl(49.1,100%,39%)`
HSV (or HSB)	49.1°, 100, 78
Web Safe	cc9900	`#cc9900`

CIE-LAB	68.269, 0.702, 71.496
XYZ	36.651, 38.338, 5.47
xyY	0.456, 0.476, 38.338
CIE-LCH	68.269, 71.5, 89.437
CIE-LUV	68.269, 31.557, 71.87
Hunter-Lab	61.918, -2.697, 38.105
Binary	11000111, 10100011, 00000000

#c7a300
```
#c7a300 rgb(199,163,0)
```
#0024c7
```
#0024c7 rgb(0,36,199)
```

Complementary Color

#c74000
```
#c74000 rgb(199,64,0)
```
#c7a300
```
#c7a300 rgb(199,163,0)
```
#88c700
```
#88c700 rgb(136,199,0)
```

Analogous Color

#4000c7
```
#4000c7 rgb(64,0,199)
```
#c7a300
```
#c7a300 rgb(199,163,0)
```
#0088c7
```
#0088c7 rgb(0,136,199)
```

Split Complementary Color

#a300c7
```
#a300c7 rgb(163,0,199)
```
#c7a300
```
#c7a300 rgb(199,163,0)
```
#00c7a3
```
#00c7a3 rgb(0,199,163)
```

Triadic Color

#c70024
```
#c70024 rgb(199,0,36)
```
#c7a300
```
#c7a300 rgb(199,163,0)
```
#00c7a3
```
#00c7a3 rgb(0,199,163)
```
#0024c7
```
#0024c7 rgb(0,36,199)
```

Tetradic Color

#7b6400
```
#7b6400 rgb(123,100,0)
```
#947900
```
#947900 rgb(148,121,0)
```
#ae8e00
```
#ae8e00 rgb(174,142,0)
```
#c7a300
```
#c7a300 rgb(199,163,0)
```
#e1b800
```
#e1b800 rgb(225,184,0)
```
#facd00
```
#facd00 rgb(250,205,0)
```
#ffd515
```
#ffd515 rgb(255,213,21)
```

Monochromatic Color

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

#c77100
```
#c77100 rgb(199,113,0)
```
#c78200
```
#c78200 rgb(199,130,0)
```
#c79200
```
#c79200 rgb(199,146,0)
```
#c7a300
```
#c7a300 rgb(199,163,0)
```
#c7b400
```
#c7b400 rgb(199,180,0)
```
#c7c400
```
#c7c400 rgb(199,196,0)
```
#b9c700
```
#b9c700 rgb(185,199,0)
```

Similar Colors

Text with hexadecimal color #c7a300

This text has a font color of #c7a300.

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

#c7a300 background color

This paragraph has a background color of #c7a300.

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

#c7a300 border color

This element has a border color of #c7a300.

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

CSS codes

.text {color:#c7a300;}

.background {background-color:#c7a300;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#161200
```
#161200 rgb(22,18,0)
```
#2a2200
```
#2a2200 rgb(42,34,0)
```
#3e3300
```
#3e3300 rgb(62,51,0)
```
#514300
```
#514300 rgb(81,67,0)
```
#655300
```
#655300 rgb(101,83,0)
```
#796300
```
#796300 rgb(121,99,0)
```
#8c7300
```
#8c7300 rgb(140,115,0)
```
#a08300
```
#a08300 rgb(160,131,0)
```
#b39300
```
#b39300 rgb(179,147,0)
```
#c7a300
```
#c7a300 rgb(199,163,0)
```
#dbb300
```
#dbb300 rgb(219,179,0)
```
#eec300
```
#eec300 rgb(238,195,0)
```

Shade Color Variation

#ffd103
```
#ffd103 rgb(255,209,3)
```
#ffd516
```
#ffd516 rgb(255,213,22)
```
#ffd82a
```
#ffd82a rgb(255,216,42)
```
#ffdc3e
```
#ffdc3e rgb(255,220,62)
```
#ffe051
```
#ffe051 rgb(255,224,81)
```
#ffe365
```
#ffe365 rgb(255,227,101)
```
#ffe779
```
#ffe779 rgb(255,231,121)
```
#ffea8c
```
#ffea8c rgb(255,234,140)
```
#ffeea0
```
#ffeea0 rgb(255,238,160)
```
#fff1b3
```
#fff1b3 rgb(255,241,179)
```
#fff5c7
```
#fff5c7 rgb(255,245,199)
```
#fff8db
```
#fff8db rgb(255,248,219)
```
#fffcee
```
#fffcee rgb(255,252,238)
```

Tint Color Variation

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

#6b685c
```
#6b685c rgb(107,104,92)
```
#736d54
```
#736d54 rgb(115,109,84)
```
#7a724d
```
#7a724d rgb(122,114,77)
```
#827745
```
#827745 rgb(130,119,69)
```
#8a7c3d
```
#8a7c3d rgb(138,124,61)
```
#918136
```
#918136 rgb(145,129,54)
```
#99862e
```
#99862e rgb(153,134,46)
```
#a18b26
```
#a18b26 rgb(161,139,38)
```
#a88f1f
```
#a88f1f rgb(168,143,31)
```
#b09417
```
#b09417 rgb(176,148,23)
```
#b8990f
```
#b8990f rgb(184,153,15)
```
#bf9e08
```
#bf9e08 rgb(191,158,8)
```
#c7a300
```
#c7a300 rgb(199,163,0)
```

Tone Color Variation

Below, you can see how #c7a300 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
#a49d7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ab09 Protanopia 1% of men
#d6a214 Deuteranopia 1% of men
#d39ca7 Tritanopia 0.001% of the population

Trichromacy

#c2a806 Protanomaly 1% of men, 0.01% of women
#d0a20d Deuteranomaly 6% of men, 0.4% of women
#ce9e6a Tritanomaly 0.01% of the population

#c7a300 hex color

#c7a300 Color Information

#c7a300 Color Conversion

Color Schemes with #c7a300

Alternatives to #c7a300

#c7a300 Preview

Shades and Tints of #c7a300

Tones of #c7a300

Color Blindness Simulator