#c2a300 hex color

In a RGB color space, hex #c2a300 is composed of 76.1% red, 63.9% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16% magenta, 100% yellow and 23.9% black. It has a hue angle of 50.4 degrees, a saturation of 100% and a lightness of 38%. #c2a300 color hex could be obtained by blending #ffff00 with #854700. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 76
- G 64
- B 0
RGB color chart
- C 0
- M 16
- Y 100
- K 24
CMYK color chart

● #c2a300 color description : Strong yellow.

The hexadecimal color #c2a300 has RGB values of R:194, G:163, B:0 and CMYK values of C:0, M:0.16, Y:1, K:0.24. Its decimal value is 12755712.

Hex triplet	c2a300	`#c2a300`
RGB Decimal	194, 163, 0	`rgb(194,163,0)`
RGB Percent	76.1, 63.9, 0	`rgb(76.1%,63.9%,0%)`
CMYK	0, 16, 100, 24
HSL	50.4°, 100, 38	`hsl(50.4,100%,38%)`
HSV (or HSB)	50.4°, 100, 76.1
Web Safe	cc9900	`#cc9900`

CIE-LAB	67.773, -1.532, 70.917
XYZ	35.346, 37.665, 5.408
xyY	0.451, 0.48, 37.665
CIE-LCH	67.773, 70.934, 91.238
CIE-LUV	67.773, 27.73, 71.785
Hunter-Lab	61.372, -4.598, 37.735
Binary	11000010, 10100011, 00000000

#c2a300
```
#c2a300 rgb(194,163,0)
```
#001fc2
```
#001fc2 rgb(0,31,194)
```

Complementary Color

#c24200
```
#c24200 rgb(194,66,0)
```
#c2a300
```
#c2a300 rgb(194,163,0)
```
#80c200
```
#80c200 rgb(128,194,0)
```

Analogous Color

#4200c2
```
#4200c2 rgb(66,0,194)
```
#c2a300
```
#c2a300 rgb(194,163,0)
```
#0080c2
```
#0080c2 rgb(0,128,194)
```

Split Complementary Color

#a300c2
```
#a300c2 rgb(163,0,194)
```
#c2a300
```
#c2a300 rgb(194,163,0)
```
#00c2a3
```
#00c2a3 rgb(0,194,163)
```

Triadic Color

#c2001f
```
#c2001f rgb(194,0,31)
```
#c2a300
```
#c2a300 rgb(194,163,0)
```
#00c2a3
```
#00c2a3 rgb(0,194,163)
```
#001fc2
```
#001fc2 rgb(0,31,194)
```

Tetradic Color

#766300
```
#766300 rgb(118,99,0)
```
#8f7800
```
#8f7800 rgb(143,120,0)
```
#a98e00
```
#a98e00 rgb(169,142,0)
```
#c2a300
```
#c2a300 rgb(194,163,0)
```
#dcb800
```
#dcb800 rgb(220,184,0)
```
#f5ce00
```
#f5ce00 rgb(245,206,0)
```
#ffd910
```
#ffd910 rgb(255,217,16)
```

Monochromatic Color

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

#c27300
```
#c27300 rgb(194,115,0)
```
#c28300
```
#c28300 rgb(194,131,0)
```
#c29300
```
#c29300 rgb(194,147,0)
```
#c2a300
```
#c2a300 rgb(194,163,0)
```
#c2b300
```
#c2b300 rgb(194,179,0)
```
#c1c200
```
#c1c200 rgb(193,194,0)
```
#b1c200
```
#b1c200 rgb(177,194,0)
```

Similar Colors

Text with hexadecimal color #c2a300

This text has a font color of #c2a300.

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

#c2a300 background color

This paragraph has a background color of #c2a300.

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

#c2a300 border color

This element has a border color of #c2a300.

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

CSS codes

.text {color:#c2a300;}

.background {background-color:#c2a300;}

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

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, #110f00 is the darkest color, while #fffffd is the lightest one.

#110f00
```
#110f00 rgb(17,15,0)
```
#251f00
```
#251f00 rgb(37,31,0)
```
#393000
```
#393000 rgb(57,48,0)
```
#4c4000
```
#4c4000 rgb(76,64,0)
```
#605100
```
#605100 rgb(96,81,0)
```
#746100
```
#746100 rgb(116,97,0)
```
#877200
```
#877200 rgb(135,114,0)
```
#9b8200
```
#9b8200 rgb(155,130,0)
```
#ae9300
```
#ae9300 rgb(174,147,0)
```
#c2a300
```
#c2a300 rgb(194,163,0)
```
#d6b300
```
#d6b300 rgb(214,179,0)
```
#e9c400
```
#e9c400 rgb(233,196,0)
```
#fdd400
```
#fdd400 rgb(253,212,0)
```

Shade Color Variation

#ffd911
```
#ffd911 rgb(255,217,17)
```
#ffdc25
```
#ffdc25 rgb(255,220,37)
```
#ffdf39
```
#ffdf39 rgb(255,223,57)
```
#ffe24c
```
#ffe24c rgb(255,226,76)
```
#ffe660
```
#ffe660 rgb(255,230,96)
```
#ffe974
```
#ffe974 rgb(255,233,116)
```
#ffec87
```
#ffec87 rgb(255,236,135)
```
#ffef9b
```
#ffef9b rgb(255,239,155)
```
#fff2ae
```
#fff2ae rgb(255,242,174)
```
#fff5c2
```
#fff5c2 rgb(255,245,194)
```
#fff8d6
```
#fff8d6 rgb(255,248,214)
```
#fffce9
```
#fffce9 rgb(255,252,233)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#68665a
```
#68665a rgb(104,102,90)
```
#706b52
```
#706b52 rgb(112,107,82)
```
#77704b
```
#77704b rgb(119,112,75)
```
#7f7543
```
#7f7543 rgb(127,117,67)
```
#867a3c
```
#867a3c rgb(134,122,60)
```
#8e7f34
```
#8e7f34 rgb(142,127,52)
```
#95852d
```
#95852d rgb(149,133,45)
```
#9d8a25
```
#9d8a25 rgb(157,138,37)
```
#a48f1e
```
#a48f1e rgb(164,143,30)
```
#ac9416
```
#ac9416 rgb(172,148,22)
```
#b3990f
```
#b3990f rgb(179,153,15)
```
#bb9e07
```
#bb9e07 rgb(187,158,7)
```
#c2a300
```
#c2a300 rgb(194,163,0)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#a29c7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#beaa08 Protanopia 1% of men
#d4a116 Deuteranopia 1% of men
#ce9ca7 Tritanopia 0.001% of the population

Trichromacy

#bfa705 Protanomaly 1% of men, 0.01% of women
#cda20e Deuteranomaly 6% of men, 0.4% of women
#ca9e6a Tritanomaly 0.01% of the population

#c2a300 hex color

#c2a300 Color Information

#c2a300 Color Conversion

Color Schemes with #c2a300

Alternatives to #c2a300

#c2a300 Preview

Shades and Tints of #c2a300

Tones of #c2a300

Color Blindness Simulator