#c2af30 hex color

In a RGB color space, hex #c2af30 is composed of 76.1% red, 68.6% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.8% magenta, 75.3% yellow and 23.9% black. It has a hue angle of 52.2 degrees, a saturation of 60.3% and a lightness of 47.5%. #c2af30 color hex could be obtained by blending #ffff60 with #855f00. Closest websafe color is: #cc9933.

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

● #c2af30 color description : Strong yellow.

The hexadecimal color #c2af30 has RGB values of R:194, G:175, B:48 and CMYK values of C:0, M:0.1, Y:0.75, K:0.24. Its decimal value is 12758832.

Hex triplet	c2af30	`#c2af30`
RGB Decimal	194, 175, 48	`rgb(194,175,48)`
RGB Percent	76.1, 68.6, 18.8	`rgb(76.1%,68.6%,18.8%)`
CMYK	0, 10, 75, 24
HSL	52.2°, 60.3, 47.5	`hsl(52.2,60.3%,47.5%)`
HSV (or HSB)	52.2°, 75.3, 76.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	71.107, -6.759, 63.187
XYZ	38.112, 42.344, 8.962
xyY	0.426, 0.474, 42.344
CIE-LCH	71.107, 63.548, 96.106
CIE-LUV	71.107, 18.39, 70.221
Hunter-Lab	65.072, -9.331, 37.385
Binary	11000010, 10101111, 00110000

#c2af30
```
#c2af30 rgb(194,175,48)
```
#3043c2
```
#3043c2 rgb(48,67,194)
```

Complementary Color

#c26630
```
#c26630 rgb(194,102,48)
```
#c2af30
```
#c2af30 rgb(194,175,48)
```
#8cc230
```
#8cc230 rgb(140,194,48)
```

Analogous Color

#6630c2
```
#6630c2 rgb(102,48,194)
```
#c2af30
```
#c2af30 rgb(194,175,48)
```
#308cc2
```
#308cc2 rgb(48,140,194)
```

Split Complementary Color

#af30c2
```
#af30c2 rgb(175,48,194)
```
#c2af30
```
#c2af30 rgb(194,175,48)
```
#30c2af
```
#30c2af rgb(48,194,175)
```

Triadic Color

#c23043
```
#c23043 rgb(194,48,67)
```
#c2af30
```
#c2af30 rgb(194,175,48)
```
#30c2af
```
#30c2af rgb(48,194,175)
```
#3043c2
```
#3043c2 rgb(48,67,194)
```

Tetradic Color

#857821
```
#857821 rgb(133,120,33)
```
#998a26
```
#998a26 rgb(153,138,38)
```
#ae9d2b
```
#ae9d2b rgb(174,157,43)
```
#c2af30
```
#c2af30 rgb(194,175,48)
```
#cfbc3d
```
#cfbc3d rgb(207,188,61)
```
#d4c351
```
#d4c351 rgb(212,195,81)
```
#d9ca65
```
#d9ca65 rgb(217,202,101)
```

Monochromatic Color

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

#c28b30
```
#c28b30 rgb(194,139,48)
```
#c29730
```
#c29730 rgb(194,151,48)
```
#c2a330
```
#c2a330 rgb(194,163,48)
```
#c2af30
```
#c2af30 rgb(194,175,48)
```
#c2bb30
```
#c2bb30 rgb(194,187,48)
```
#bdc230
```
#bdc230 rgb(189,194,48)
```
#b1c230
```
#b1c230 rgb(177,194,48)
```

Similar Colors

Text with hexadecimal color #c2af30

This text has a font color of #c2af30.

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

#c2af30 background color

This paragraph has a background color of #c2af30.

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

#c2af30 border color

This element has a border color of #c2af30.

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

CSS codes

.text {color:#c2af30;}

.background {background-color:#c2af30;}

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

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

#050501
```
#050501 rgb(5,5,1)
```
#151305
```
#151305 rgb(21,19,5)
```
#252109
```
#252109 rgb(37,33,9)
```
#342f0d
```
#342f0d rgb(52,47,13)
```
#443e11
```
#443e11 rgb(68,62,17)
```
#544c15
```
#544c15 rgb(84,76,21)
```
#645a19
```
#645a19 rgb(100,90,25)
```
#73681d
```
#73681d rgb(115,104,29)
```
#837620
```
#837620 rgb(131,118,32)
```
#938424
```
#938424 rgb(147,132,36)
```
#a39328
```
#a39328 rgb(163,147,40)
```
#b2a12c
```
#b2a12c rgb(178,161,44)
```
#c2af30
```
#c2af30 rgb(194,175,48)
```

Shade Color Variation

#ceba38
```
#ceba38 rgb(206,186,56)
```
#d2c048
```
#d2c048 rgb(210,192,72)
```
#d6c557
```
#d6c557 rgb(214,197,87)
```
#d9cb67
```
#d9cb67 rgb(217,203,103)
```
#ddd077
```
#ddd077 rgb(221,208,119)
```
#e1d587
```
#e1d587 rgb(225,213,135)
```
#e5db96
```
#e5db96 rgb(229,219,150)
```
#e9e0a6
```
#e9e0a6 rgb(233,224,166)
```
#ede6b6
```
#ede6b6 rgb(237,230,182)
```
#f1ebc5
```
#f1ebc5 rgb(241,235,197)
```
#f5f1d5
```
#f5f1d5 rgb(245,241,213)
```
#f9f6e5
```
#f9f6e5 rgb(249,246,229)
```
#fcfbf5
```
#fcfbf5 rgb(252,251,245)
```

Tint Color Variation

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

#817f71
```
#817f71 rgb(129,127,113)
```
#8a8668
```
#8a8668 rgb(138,134,104)
```
#938d5f
```
#938d5f rgb(147,141,95)
```
#9d9355
```
#9d9355 rgb(157,147,85)
```
#a69a4c
```
#a69a4c rgb(166,154,76)
```
#afa143
```
#afa143 rgb(175,161,67)
```
#b9a839
```
#b9a839 rgb(185,168,57)
```
#c2af30
```
#c2af30 rgb(194,175,48)
```
#cbb627
```
#cbb627 rgb(203,182,39)
```
#d5bd1d
```
#d5bd1d rgb(213,189,29)
```
#dec414
```
#dec414 rgb(222,196,20)
```
#e7cb0b
```
#e7cb0b rgb(231,203,11)
```
#f1d101
```
#f1d101 rgb(241,209,1)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#aca88e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b23a Protanopia 1% of men
#dda93f Deuteranopia 1% of men
#cfa7b3 Tritanopia 0.001% of the population

Trichromacy

#c5b136 Protanomaly 1% of men, 0.01% of women
#d3ab39 Deuteranomaly 6% of men, 0.4% of women
#caaa83 Tritanomaly 0.01% of the population

#c2af30 hex color

#c2af30 Color Information

#c2af30 Color Conversion

Color Schemes with #c2af30

Alternatives to #c2af30

#c2af30 Preview

Shades and Tints of #c2af30

Tones of #c2af30

Color Blindness Simulator