#c7a301 hex color

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

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

● #c7a301 color description : Strong yellow.

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

Hex triplet	c7a301	`#c7a301`
RGB Decimal	199, 163, 1	`rgb(199,163,1)`
RGB Percent	78, 63.9, 0.4	`rgb(78%,63.9%,0.4%)`
CMYK	0, 18, 99, 22
HSL	49.1°, 99, 39.2	`hsl(49.1,99%,39.2%)`
HSV (or HSB)	49.1°, 99.5, 78
Web Safe	cc9900	`#cc9900`

CIE-LAB	68.271, 0.713, 71.37
XYZ	36.656, 38.34, 5.498
xyY	0.455, 0.476, 38.34
CIE-LCH	68.271, 71.373, 89.427
CIE-LUV	68.271, 31.547, 71.803
Hunter-Lab	61.92, -2.687, 38.079
Binary	11000111, 10100011, 00000001

#c7a301
```
#c7a301 rgb(199,163,1)
```
#0125c7
```
#0125c7 rgb(1,37,199)
```

Complementary Color

#c74001
```
#c74001 rgb(199,64,1)
```
#c7a301
```
#c7a301 rgb(199,163,1)
```
#88c701
```
#88c701 rgb(136,199,1)
```

Analogous Color

#4001c7
```
#4001c7 rgb(64,1,199)
```
#c7a301
```
#c7a301 rgb(199,163,1)
```
#0188c7
```
#0188c7 rgb(1,136,199)
```

Split Complementary Color

#a301c7
```
#a301c7 rgb(163,1,199)
```
#c7a301
```
#c7a301 rgb(199,163,1)
```
#01c7a3
```
#01c7a3 rgb(1,199,163)
```

Triadic Color

#c70125
```
#c70125 rgb(199,1,37)
```
#c7a301
```
#c7a301 rgb(199,163,1)
```
#01c7a3
```
#01c7a3 rgb(1,199,163)
```
#0125c7
```
#0125c7 rgb(1,37,199)
```

Tetradic Color

#7b6501
```
#7b6501 rgb(123,101,1)
```
#947901
```
#947901 rgb(148,121,1)
```
#ae8e01
```
#ae8e01 rgb(174,142,1)
```
#c7a301
```
#c7a301 rgb(199,163,1)
```
#e0b801
```
#e0b801 rgb(224,184,1)
```
#facd01
```
#facd01 rgb(250,205,1)
```
#fed417
```
#fed417 rgb(254,212,23)
```

Monochromatic Color

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

#c77201
```
#c77201 rgb(199,114,1)
```
#c78201
```
#c78201 rgb(199,130,1)
```
#c79301
```
#c79301 rgb(199,147,1)
```
#c7a301
```
#c7a301 rgb(199,163,1)
```
#c7b401
```
#c7b401 rgb(199,180,1)
```
#c7c401
```
#c7c401 rgb(199,196,1)
```
#bac701
```
#bac701 rgb(186,199,1)
```

Similar Colors

Text with hexadecimal color #c7a301

This text has a font color of #c7a301.

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

#c7a301 background color

This paragraph has a background color of #c7a301.

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

#c7a301 border color

This element has a border color of #c7a301.

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

CSS codes

.text {color:#c7a301;}

.background {background-color:#c7a301;}

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

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)
```
#2b2300
```
#2b2300 rgb(43,35,0)
```
#3e3300
```
#3e3300 rgb(62,51,0)
```
#524300
```
#524300 rgb(82,67,0)
```
#655301
```
#655301 rgb(101,83,1)
```
#796301
```
#796301 rgb(121,99,1)
```
#8c7301
```
#8c7301 rgb(140,115,1)
```
#a08301
```
#a08301 rgb(160,131,1)
```
#b39301
```
#b39301 rgb(179,147,1)
```
#c7a301
```
#c7a301 rgb(199,163,1)
```
#dbb301
```
#dbb301 rgb(219,179,1)
```
#eec301
```
#eec301 rgb(238,195,1)
```

Shade Color Variation

#fed105
```
#fed105 rgb(254,209,5)
```
#fed419
```
#fed419 rgb(254,212,25)
```
#fed82c
```
#fed82c rgb(254,216,44)
```
#fedb40
```
#fedb40 rgb(254,219,64)
```
#fedf53
```
#fedf53 rgb(254,223,83)
```
#fee367
```
#fee367 rgb(254,227,103)
```
#fee67a
```
#fee67a rgb(254,230,122)
```
#feea8e
```
#feea8e rgb(254,234,142)
```
#ffeea1
```
#ffeea1 rgb(255,238,161)
```
#fff1b5
```
#fff1b5 rgb(255,241,181)
```
#fff5c8
```
#fff5c8 rgb(255,245,200)
```
#fff8dc
```
#fff8dc rgb(255,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, #6b685d is the less saturated color, while #c7a301 is the most saturated one.

#6b685d
```
#6b685d rgb(107,104,93)
```
#726d56
```
#726d56 rgb(114,109,86)
```
#7a724e
```
#7a724e rgb(122,114,78)
```
#827746
```
#827746 rgb(130,119,70)
```
#897c3f
```
#897c3f rgb(137,124,63)
```
#918137
```
#918137 rgb(145,129,55)
```
#99862f
```
#99862f rgb(153,134,47)
```
#a18b27
```
#a18b27 rgb(161,139,39)
```
#a88f20
```
#a88f20 rgb(168,143,32)
```
#b09418
```
#b09418 rgb(176,148,24)
```
#b89910
```
#b89910 rgb(184,153,16)
```
#bf9e09
```
#bf9e09 rgb(191,158,9)
```
#c7a301
```
#c7a301 rgb(199,163,1)
```

Tone Color Variation

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

#bfab0c Protanopia 1% of men
#d5a215 Deuteranopia 1% of men
#d39ca7 Tritanopia 0.001% of the population

Trichromacy

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

#c7a301 hex color

#c7a301 Color Information

#c7a301 Color Conversion

Color Schemes with #c7a301

Alternatives to #c7a301

#c7a301 Preview

Shades and Tints of #c7a301

Tones of #c7a301

Color Blindness Simulator