#c4af3f hex color

In a RGB color space, hex #c4af3f is composed of 76.9% red, 68.6% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.7% magenta, 67.9% yellow and 23.1% black. It has a hue angle of 50.5 degrees, a saturation of 53% and a lightness of 50.8%. #c4af3f color hex could be obtained by blending #ffff7e with #895f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 77
- G 69
- B 25
RGB color chart
- C 0
- M 11
- Y 68
- K 23
CMYK color chart

● #c4af3f color description : Moderate yellow.

The hexadecimal color #c4af3f has RGB values of R:196, G:175, B:63 and CMYK values of C:0, M:0.11, Y:0.68, K:0.23. Its decimal value is 12889919.

Hex triplet	c4af3f	`#c4af3f`
RGB Decimal	196, 175, 63	`rgb(196,175,63)`
RGB Percent	76.9, 68.6, 24.7	`rgb(76.9%,68.6%,24.7%)`
CMYK	0, 11, 68, 23
HSL	50.5°, 53, 50.8	`hsl(50.5,53%,50.8%)`
HSV (or HSB)	50.5°, 67.9, 76.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	71.389, -5.155, 57.802
XYZ	38.992, 42.756, 10.901
xyY	0.421, 0.461, 42.756
CIE-LCH	71.389, 58.032, 95.096
CIE-LUV	71.389, 19.397, 66.201
Hunter-Lab	65.388, -7.985, 35.887
Binary	11000100, 10101111, 00111111

#c4af3f
```
#c4af3f rgb(196,175,63)
```
#3f54c4
```
#3f54c4 rgb(63,84,196)
```

Complementary Color

#c46d3f
```
#c46d3f rgb(196,109,63)
```
#c4af3f
```
#c4af3f rgb(196,175,63)
```
#97c43f
```
#97c43f rgb(151,196,63)
```

Analogous Color

#6d3fc4
```
#6d3fc4 rgb(109,63,196)
```
#c4af3f
```
#c4af3f rgb(196,175,63)
```
#3f97c4
```
#3f97c4 rgb(63,151,196)
```

Split Complementary Color

#af3fc4
```
#af3fc4 rgb(175,63,196)
```
#c4af3f
```
#c4af3f rgb(196,175,63)
```
#3fc4af
```
#3fc4af rgb(63,196,175)
```

Triadic Color

#c43f54
```
#c43f54 rgb(196,63,84)
```
#c4af3f
```
#c4af3f rgb(196,175,63)
```
#3fc4af
```
#3fc4af rgb(63,196,175)
```
#3f54c4
```
#3f54c4 rgb(63,84,196)
```

Tetradic Color

#8c7c2b
```
#8c7c2b rgb(140,124,43)
```
#9f8e31
```
#9f8e31 rgb(159,142,49)
```
#b39f37
```
#b39f37 rgb(179,159,55)
```
#c4af3f
```
#c4af3f rgb(196,175,63)
```
#cab753
```
#cab753 rgb(202,183,83)
```
#d0bf66
```
#d0bf66 rgb(208,191,102)
```
#d6c77a
```
#d6c77a rgb(214,199,122)
```

Monochromatic Color

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

#c48e3f
```
#c48e3f rgb(196,142,63)
```
#c4993f
```
#c4993f rgb(196,153,63)
```
#c4a43f
```
#c4a43f rgb(196,164,63)
```
#c4af3f
```
#c4af3f rgb(196,175,63)
```
#c4ba3f
```
#c4ba3f rgb(196,186,63)
```
#c3c43f
```
#c3c43f rgb(195,196,63)
```
#b8c43f
```
#b8c43f rgb(184,196,63)
```

Similar Colors

Text with hexadecimal color #c4af3f

This text has a font color of #c4af3f.

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

#c4af3f background color

This paragraph has a background color of #c4af3f.

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

#c4af3f border color

This element has a border color of #c4af3f.

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

CSS codes

.text {color:#c4af3f;}

.background {background-color:#c4af3f;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#121006
```
#121006 rgb(18,16,6)
```
#211d0a
```
#211d0a rgb(33,29,10)
```
#302b0f
```
#302b0f rgb(48,43,15)
```
#3f3813
```
#3f3813 rgb(63,56,19)
```
#4e4618
```
#4e4618 rgb(78,70,24)
```
#5d531d
```
#5d531d rgb(93,83,29)
```
#6c6021
```
#6c6021 rgb(108,96,33)
```
#7b6e26
```
#7b6e26 rgb(123,110,38)
```
#8a7b2a
```
#8a7b2a rgb(138,123,42)
```
#99882f
```
#99882f rgb(153,136,47)
```
#a89634
```
#a89634 rgb(168,150,52)
```
#b7a338
```
#b7a338 rgb(183,163,56)
```

Shade Color Variation

#c4af3f
```
#c4af3f rgb(196,175,63)
```
#c9b54e
```
#c9b54e rgb(201,181,78)
```
#cdbc5d
```
#cdbc5d rgb(205,188,93)
```
#d2c26c
```
#d2c26c rgb(210,194,108)
```
#d6c87b
```
#d6c87b rgb(214,200,123)
```
#dbce8a
```
#dbce8a rgb(219,206,138)
```
#e0d599
```
#e0d599 rgb(224,213,153)
```
#e4dba8
```
#e4dba8 rgb(228,219,168)
```
#e9e1b7
```
#e9e1b7 rgb(233,225,183)
```
#ede7c6
```
#ede7c6 rgb(237,231,198)
```
#f2eed5
```
#f2eed5 rgb(242,238,213)
```
#f7f4e4
```
#f7f4e4 rgb(247,244,228)
```
#fbfaf3
```
#fbfaf3 rgb(251,250,243)
```

Tint Color Variation

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

#8a8779
```
#8a8779 rgb(138,135,121)
```
#948e6f
```
#948e6f rgb(148,142,111)
```
#9d9566
```
#9d9566 rgb(157,149,102)
```
#a79b5c
```
#a79b5c rgb(167,155,92)
```
#b1a252
```
#b1a252 rgb(177,162,82)
```
#baa849
```
#baa849 rgb(186,168,73)
```
#c4af3f
```
#c4af3f rgb(196,175,63)
```
#ceb635
```
#ceb635 rgb(206,182,53)
```
#d7bc2c
```
#d7bc2c rgb(215,188,44)
```
#e1c322
```
#e1c322 rgb(225,195,34)
```
#ebc918
```
#ebc918 rgb(235,201,24)
```
#f4d00f
```
#f4d00f rgb(244,208,15)
```
#fed705
```
#fed705 rgb(254,215,5)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#aeaa94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b349 Protanopia 1% of men
#dcaa4c Deuteranopia 1% of men
#d0a8b4 Tritanopia 0.001% of the population

Trichromacy

#c5b145 Protanomaly 1% of men, 0.01% of women
#d3ac47 Deuteranomaly 6% of men, 0.4% of women
#ccaa89 Tritanomaly 0.01% of the population

#c4af3f hex color

#c4af3f Color Information

#c4af3f Color Conversion

Color Schemes with #c4af3f

Alternatives to #c4af3f

#c4af3f Preview

Shades and Tints of #c4af3f

Tones of #c4af3f

Color Blindness Simulator