#c3af3e hex color

In a RGB color space, hex #c3af3e is composed of 76.5% red, 68.6% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.3% magenta, 68.2% yellow and 23.5% black. It has a hue angle of 51 degrees, a saturation of 52.6% and a lightness of 50.4%. #c3af3e color hex could be obtained by blending #ffff7c with #875f00. Closest websafe color is: #cc9933.

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

● #c3af3e color description : Moderate yellow.

The hexadecimal color #c3af3e has RGB values of R:195, G:175, B:62 and CMYK values of C:0, M:0.1, Y:0.68, K:0.24. Its decimal value is 12824382.

Hex triplet	c3af3e	`#c3af3e`
RGB Decimal	195, 175, 62	`rgb(195,175,62)`
RGB Percent	76.5, 68.6, 24.3	`rgb(76.5%,68.6%,24.3%)`
CMYK	0, 10, 68, 24
HSL	51°, 52.6, 50.4	`hsl(51,52.6%,50.4%)`
HSV (or HSB)	51°, 68.2, 76.5
Web Safe	cc9933	`#cc9933`

CIE-LAB	71.29, -5.643, 58.083
XYZ	38.705, 42.611, 10.743
xyY	0.42, 0.463, 42.611
CIE-LCH	71.29, 58.356, 95.549
CIE-LUV	71.29, 18.71, 66.475
Hunter-Lab	65.277, -8.395, 35.936
Binary	11000011, 10101111, 00111110

#c3af3e
```
#c3af3e rgb(195,175,62)
```
#3e52c3
```
#3e52c3 rgb(62,82,195)
```

Complementary Color

#c36d3e
```
#c36d3e rgb(195,109,62)
```
#c3af3e
```
#c3af3e rgb(195,175,62)
```
#95c33e
```
#95c33e rgb(149,195,62)
```

Analogous Color

#6d3ec3
```
#6d3ec3 rgb(109,62,195)
```
#c3af3e
```
#c3af3e rgb(195,175,62)
```
#3e95c3
```
#3e95c3 rgb(62,149,195)
```

Split Complementary Color

#af3ec3
```
#af3ec3 rgb(175,62,195)
```
#c3af3e
```
#c3af3e rgb(195,175,62)
```
#3ec3af
```
#3ec3af rgb(62,195,175)
```

Triadic Color

#c33e52
```
#c33e52 rgb(195,62,82)
```
#c3af3e
```
#c3af3e rgb(195,175,62)
```
#3ec3af
```
#3ec3af rgb(62,195,175)
```
#3e52c3
```
#3e52c3 rgb(62,82,195)
```

Tetradic Color

#8a7b2b
```
#8a7b2b rgb(138,123,43)
```
#9d8d31
```
#9d8d31 rgb(157,141,49)
```
#b19e37
```
#b19e37 rgb(177,158,55)
```
#c3af3e
```
#c3af3e rgb(195,175,62)
```
#c9b751
```
#c9b751 rgb(201,183,81)
```
#cfbf65
```
#cfbf65 rgb(207,191,101)
```
#d5c778
```
#d5c778 rgb(213,199,120)
```

Monochromatic Color

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

#c38e3e
```
#c38e3e rgb(195,142,62)
```
#c3993e
```
#c3993e rgb(195,153,62)
```
#c3a43e
```
#c3a43e rgb(195,164,62)
```
#c3af3e
```
#c3af3e rgb(195,175,62)
```
#c3ba3e
```
#c3ba3e rgb(195,186,62)
```
#c1c33e
```
#c1c33e rgb(193,195,62)
```
#b6c33e
```
#b6c33e rgb(182,195,62)
```

Similar Colors

Text with hexadecimal color #c3af3e

This text has a font color of #c3af3e.

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

#c3af3e background color

This paragraph has a background color of #c3af3e.

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

#c3af3e border color

This element has a border color of #c3af3e.

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

CSS codes

.text {color:#c3af3e;}

.background {background-color:#c3af3e;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#100f05
```
#100f05 rgb(16,15,5)
```
#1f1c0a
```
#1f1c0a rgb(31,28,10)
```
#2e2a0e
```
#2e2a0e rgb(46,42,14)
```
#3d3713
```
#3d3713 rgb(61,55,19)
```
#4c4418
```
#4c4418 rgb(76,68,24)
```
#5b521c
```
#5b521c rgb(91,82,28)
```
#6a5f21
```
#6a5f21 rgb(106,95,33)
```
#796d26
```
#796d26 rgb(121,109,38)
```
#887a2a
```
#887a2a rgb(136,122,42)
```
#97872f
```
#97872f rgb(151,135,47)
```
#a69534
```
#a69534 rgb(166,149,52)
```
#b5a238
```
#b5a238 rgb(181,162,56)
```

Shade Color Variation

#c3af3e
```
#c3af3e rgb(195,175,62)
```
#c8b54d
```
#c8b54d rgb(200,181,77)
```
#ccbb5c
```
#ccbb5c rgb(204,187,92)
```
#d1c26b
```
#d1c26b rgb(209,194,107)
```
#d6c87a
```
#d6c87a rgb(214,200,122)
```
#dace89
```
#dace89 rgb(218,206,137)
```
#dfd498
```
#dfd498 rgb(223,212,152)
```
#e4daa7
```
#e4daa7 rgb(228,218,167)
```
#e8e1b6
```
#e8e1b6 rgb(232,225,182)
```
#ede7c5
```
#ede7c5 rgb(237,231,197)
```
#f2edd4
```
#f2edd4 rgb(242,237,212)
```
#f6f3e3
```
#f6f3e3 rgb(246,243,227)
```
#fbf9f2
```
#fbf9f2 rgb(251,249,242)
```

Tint Color Variation

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

#898678
```
#898678 rgb(137,134,120)
```
#928d6f
```
#928d6f rgb(146,141,111)
```
#9c9465
```
#9c9465 rgb(156,148,101)
```
#a69b5b
```
#a69b5b rgb(166,155,91)
```
#b0a151
```
#b0a151 rgb(176,161,81)
```
#b9a848
```
#b9a848 rgb(185,168,72)
```
#c3af3e
```
#c3af3e rgb(195,175,62)
```
#cdb634
```
#cdb634 rgb(205,182,52)
```
#d6bd2b
```
#d6bd2b rgb(214,189,43)
```
#e0c321
```
#e0c321 rgb(224,195,33)
```
#eaca17
```
#eaca17 rgb(234,202,23)
```
#f4d10d
```
#f4d10d rgb(244,209,13)
```
#fdd804
```
#fdd804 rgb(253,216,4)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#ada993 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b248 Protanopia 1% of men
#dcaa4b Deuteranopia 1% of men
#d0a8b4 Tritanopia 0.001% of the population

Trichromacy

#c5b144 Protanomaly 1% of men, 0.01% of women
#d3ac46 Deuteranomaly 6% of men, 0.4% of women
#cbaa89 Tritanomaly 0.01% of the population

#c3af3e hex color

#c3af3e Color Information

#c3af3e Color Conversion

Color Schemes with #c3af3e

Alternatives to #c3af3e

#c3af3e Preview

Shades and Tints of #c3af3e

Tones of #c3af3e

Color Blindness Simulator