#c2af21 hex color

In a RGB color space, hex #c2af21 is composed of 76.1% red, 68.6% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.8% magenta, 83% yellow and 23.9% black. It has a hue angle of 52.9 degrees, a saturation of 70.9% and a lightness of 44.5%. #c2af21 color hex could be obtained by blending #ffff42 with #855f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 76
- G 69
- B 13
RGB color chart
- C 0
- M 10
- Y 83
- K 24
CMYK color chart

● #c2af21 color description : Strong yellow.

The hexadecimal color #c2af21 has RGB values of R:194, G:175, B:33 and CMYK values of C:0, M:0.1, Y:0.83, K:0.24. Its decimal value is 12758817.

Hex triplet	c2af21	`#c2af21`
RGB Decimal	194, 175, 33	`rgb(194,175,33)`
RGB Percent	76.1, 68.6, 12.9	`rgb(76.1%,68.6%,12.9%)`
CMYK	0, 10, 83, 24
HSL	52.9°, 70.9, 44.5	`hsl(52.9,70.9%,44.5%)`
HSV (or HSB)	52.9°, 83, 76.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	71.036, -7.29, 67.722
XYZ	37.853, 42.24, 7.598
xyY	0.432, 0.482, 42.24
CIE-LCH	71.036, 68.114, 96.144
CIE-LUV	71.036, 18.704, 73.185
Hunter-Lab	64.993, -9.775, 38.563
Binary	11000010, 10101111, 00100001

#c2af21
```
#c2af21 rgb(194,175,33)
```
#2134c2
```
#2134c2 rgb(33,52,194)
```

Complementary Color

#c25f21
```
#c25f21 rgb(194,95,33)
```
#c2af21
```
#c2af21 rgb(194,175,33)
```
#85c221
```
#85c221 rgb(133,194,33)
```

Analogous Color

#5f21c2
```
#5f21c2 rgb(95,33,194)
```
#c2af21
```
#c2af21 rgb(194,175,33)
```
#2185c2
```
#2185c2 rgb(33,133,194)
```

Split Complementary Color

#af21c2
```
#af21c2 rgb(175,33,194)
```
#c2af21
```
#c2af21 rgb(194,175,33)
```
#21c2af
```
#21c2af rgb(33,194,175)
```

Triadic Color

#c22134
```
#c22134 rgb(194,33,52)
```
#c2af21
```
#c2af21 rgb(194,175,33)
```
#21c2af
```
#21c2af rgb(33,194,175)
```
#2134c2
```
#2134c2 rgb(33,52,194)
```

Tetradic Color

#817416
```
#817416 rgb(129,116,22)
```
#96881a
```
#96881a rgb(150,136,26)
```
#ac9b1d
```
#ac9b1d rgb(172,155,29)
```
#c2af21
```
#c2af21 rgb(194,175,33)
```
#d8c325
```
#d8c325 rgb(216,195,37)
```
#ddca39
```
#ddca39 rgb(221,202,57)
```
#e1d04f
```
#e1d04f rgb(225,208,79)
```

Monochromatic Color

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

#c28721
```
#c28721 rgb(194,135,33)
```
#c29421
```
#c29421 rgb(194,148,33)
```
#c2a221
```
#c2a221 rgb(194,162,33)
```
#c2af21
```
#c2af21 rgb(194,175,33)
```
#c2bc21
```
#c2bc21 rgb(194,188,33)
```
#bac221
```
#bac221 rgb(186,194,33)
```
#adc221
```
#adc221 rgb(173,194,33)
```

Similar Colors

Text with hexadecimal color #c2af21

This text has a font color of #c2af21.

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

#c2af21 background color

This paragraph has a background color of #c2af21.

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

#c2af21 border color

This element has a border color of #c2af21.

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

CSS codes

.text {color:#c2af21;}

.background {background-color:#c2af21;}

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

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

#0a0902
```
#0a0902 rgb(10,9,2)
```
#1a1804
```
#1a1804 rgb(26,24,4)
```
#2b2707
```
#2b2707 rgb(43,39,7)
```
#3c360a
```
#3c360a rgb(60,54,10)
```
#4d450d
```
#4d450d rgb(77,69,13)
```
#5d5410
```
#5d5410 rgb(93,84,16)
```
#6e6313
```
#6e6313 rgb(110,99,19)
```
#7f7316
```
#7f7316 rgb(127,115,22)
```
#908218
```
#908218 rgb(144,130,24)
```
#a0911b
```
#a0911b rgb(160,145,27)
```
#b1a01e
```
#b1a01e rgb(177,160,30)
```
#c2af21
```
#c2af21 rgb(194,175,33)
```
#d3be24
```
#d3be24 rgb(211,190,36)
```

Shade Color Variation

#dcc72f
```
#dcc72f rgb(220,199,47)
```
#decc3f
```
#decc3f rgb(222,204,63)
```
#e1d050
```
#e1d050 rgb(225,208,80)
```
#e4d561
```
#e4d561 rgb(228,213,97)
```
#e7d972
```
#e7d972 rgb(231,217,114)
```
#eade82
```
#eade82 rgb(234,222,130)
```
#ede293
```
#ede293 rgb(237,226,147)
```
#f0e7a4
```
#f0e7a4 rgb(240,231,164)
```
#f2ebb5
```
#f2ebb5 rgb(242,235,181)
```
#f5f0c6
```
#f5f0c6 rgb(245,240,198)
```
#f8f4d6
```
#f8f4d6 rgb(248,244,214)
```
#fbf9e7
```
#fbf9e7 rgb(251,249,231)
```
#fefdf8
```
#fefdf8 rgb(254,253,248)
```

Tint Color Variation

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

#737370
```
#737370 rgb(115,115,112)
```
#7c7a67
```
#7c7a67 rgb(124,122,103)
```
#85805e
```
#85805e rgb(133,128,94)
```
#8e8755
```
#8e8755 rgb(142,135,85)
```
#968e4d
```
#968e4d rgb(150,142,77)
```
#9f9444
```
#9f9444 rgb(159,148,68)
```
#a89b3b
```
#a89b3b rgb(168,155,59)
```
#b1a232
```
#b1a232 rgb(177,162,50)
```
#b9a82a
```
#b9a82a rgb(185,168,42)
```
#c2af21
```
#c2af21 rgb(194,175,33)
```
#cbb618
```
#cbb618 rgb(203,182,24)
```
#d3bc10
```
#d3bc10 rgb(211,188,16)
```
#dcc307
```
#dcc307 rgb(220,195,7)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#aaa68a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b22c Protanopia 1% of men
#dda932 Deuteranopia 1% of men
#cfa7b3 Tritanopia 0.001% of the population

Trichromacy

#c5b128 Protanomaly 1% of men, 0.01% of women
#d3ab2c Deuteranomaly 6% of men, 0.4% of women
#caaa7e Tritanomaly 0.01% of the population

#c2af21 hex color

#c2af21 Color Information

#c2af21 Color Conversion

Color Schemes with #c2af21

Alternatives to #c2af21

#c2af21 Preview

Shades and Tints of #c2af21

Tones of #c2af21

Color Blindness Simulator