#c2ae30 hex color

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

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

● #c2ae30 color description : Strong yellow.

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

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

CIE-LAB	70.841, -6.236, 62.937
XYZ	37.918, 41.956, 8.897
xyY	0.427, 0.473, 41.956
CIE-LCH	70.841, 63.245, 95.658
CIE-LUV	70.841, 19.085, 69.807
Hunter-Lab	64.773, -8.861, 37.197
Binary	11000010, 10101110, 00110000

#c2ae30
```
#c2ae30 rgb(194,174,48)
```
#3044c2
```
#3044c2 rgb(48,68,194)
```

Complementary Color

#c26530
```
#c26530 rgb(194,101,48)
```
#c2ae30
```
#c2ae30 rgb(194,174,48)
```
#8dc230
```
#8dc230 rgb(141,194,48)
```

Analogous Color

#6530c2
```
#6530c2 rgb(101,48,194)
```
#c2ae30
```
#c2ae30 rgb(194,174,48)
```
#308dc2
```
#308dc2 rgb(48,141,194)
```

Split Complementary Color

#ae30c2
```
#ae30c2 rgb(174,48,194)
```
#c2ae30
```
#c2ae30 rgb(194,174,48)
```
#30c2ae
```
#30c2ae rgb(48,194,174)
```

Triadic Color

#c23044
```
#c23044 rgb(194,48,68)
```
#c2ae30
```
#c2ae30 rgb(194,174,48)
```
#30c2ae
```
#30c2ae rgb(48,194,174)
```
#3044c2
```
#3044c2 rgb(48,68,194)
```

Tetradic Color

#857721
```
#857721 rgb(133,119,33)
```
#998926
```
#998926 rgb(153,137,38)
```
#ae9c2b
```
#ae9c2b rgb(174,156,43)
```
#c2ae30
```
#c2ae30 rgb(194,174,48)
```
#cfbb3d
```
#cfbb3d rgb(207,187,61)
```
#d4c251
```
#d4c251 rgb(212,194,81)
```
#d9c965
```
#d9c965 rgb(217,201,101)
```

Monochromatic Color

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

#c28a30
```
#c28a30 rgb(194,138,48)
```
#c29630
```
#c29630 rgb(194,150,48)
```
#c2a230
```
#c2a230 rgb(194,162,48)
```
#c2ae30
```
#c2ae30 rgb(194,174,48)
```
#c2ba30
```
#c2ba30 rgb(194,186,48)
```
#bec230
```
#bec230 rgb(190,194,48)
```
#b2c230
```
#b2c230 rgb(178,194,48)
```

Similar Colors

Text with hexadecimal color #c2ae30

This text has a font color of #c2ae30.

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

#c2ae30 background color

This paragraph has a background color of #c2ae30.

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

#c2ae30 border color

This element has a border color of #c2ae30.

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

CSS codes

.text {color:#c2ae30;}

.background {background-color:#c2ae30;}

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

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)
```
#443d11
```
#443d11 rgb(68,61,17)
```
#544b15
```
#544b15 rgb(84,75,21)
```
#645919
```
#645919 rgb(100,89,25)
```
#73671d
```
#73671d rgb(115,103,29)
```
#837620
```
#837620 rgb(131,118,32)
```
#938424
```
#938424 rgb(147,132,36)
```
#a39228
```
#a39228 rgb(163,146,40)
```
#b2a02c
```
#b2a02c rgb(178,160,44)
```
#c2ae30
```
#c2ae30 rgb(194,174,48)
```

Shade Color Variation

#ceb938
```
#ceb938 rgb(206,185,56)
```
#d2bf48
```
#d2bf48 rgb(210,191,72)
```
#d6c457
```
#d6c457 rgb(214,196,87)
```
#d9ca67
```
#d9ca67 rgb(217,202,103)
```
#ddcf77
```
#ddcf77 rgb(221,207,119)
```
#e1d587
```
#e1d587 rgb(225,213,135)
```
#e5da96
```
#e5da96 rgb(229,218,150)
```
#e9e0a6
```
#e9e0a6 rgb(233,224,166)
```
#ede5b6
```
#ede5b6 rgb(237,229,182)
```
#f1ebc5
```
#f1ebc5 rgb(241,235,197)
```
#f5f0d5
```
#f5f0d5 rgb(245,240,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 #f1d001 is the most saturated one.

#817f71
```
#817f71 rgb(129,127,113)
```
#8a8568
```
#8a8568 rgb(138,133,104)
```
#938c5f
```
#938c5f rgb(147,140,95)
```
#9d9355
```
#9d9355 rgb(157,147,85)
```
#a69a4c
```
#a69a4c rgb(166,154,76)
```
#afa043
```
#afa043 rgb(175,160,67)
```
#b9a739
```
#b9a739 rgb(185,167,57)
```
#c2ae30
```
#c2ae30 rgb(194,174,48)
```
#cbb527
```
#cbb527 rgb(203,181,39)
```
#d5bc1d
```
#d5bc1d rgb(213,188,29)
```
#dec214
```
#dec214 rgb(222,194,20)
```
#e7c90b
```
#e7c90b rgb(231,201,11)
```
#f1d001
```
#f1d001 rgb(241,208,1)
```

Tone Color Variation

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

#c6b13a Protanopia 1% of men
#dca93f Deuteranopia 1% of men
#cfa7b2 Tritanopia 0.001% of the population

Trichromacy

#c4b036 Protanomaly 1% of men, 0.01% of women
#d2ab39 Deuteranomaly 6% of men, 0.4% of women
#caa983 Tritanomaly 0.01% of the population

#c2ae30 hex color

#c2ae30 Color Information

#c2ae30 Color Conversion

Color Schemes with #c2ae30

Alternatives to #c2ae30

#c2ae30 Preview

Shades and Tints of #c2ae30

Tones of #c2ae30

Color Blindness Simulator