#c5af1f hex color

In a RGB color space, hex #c5af1f is composed of 77.3% red, 68.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.2% magenta, 84.3% yellow and 22.7% black. It has a hue angle of 52 degrees, a saturation of 72.8% and a lightness of 44.7%. #c5af1f color hex could be obtained by blending #ffff3e with #8b5f00. Closest websafe color is: #cc9933.

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

● #c5af1f color description : Strong yellow.

The hexadecimal color #c5af1f has RGB values of R:197, G:175, B:31 and CMYK values of C:0, M:0.11, Y:0.84, K:0.23. Its decimal value is 12955423.

Hex triplet	c5af1f	`#c5af1f`
RGB Decimal	197, 175, 31	`rgb(197,175,31)`
RGB Percent	77.3, 68.6, 12.2	`rgb(77.3%,68.6%,12.2%)`
CMYK	0, 11, 84, 23
HSL	52°, 72.8, 44.7	`hsl(52,72.8%,44.7%)`
HSV (or HSB)	52°, 84.3, 77.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	71.303, -6.025, 68.57
XYZ	38.604, 42.63, 7.491
xyY	0.435, 0.48, 42.63
CIE-LCH	71.303, 68.835, 95.022
CIE-LUV	71.303, 20.934, 73.554
Hunter-Lab	65.292, -8.724, 38.902
Binary	11000101, 10101111, 00011111

#c5af1f
```
#c5af1f rgb(197,175,31)
```
#1f35c5
```
#1f35c5 rgb(31,53,197)
```

Complementary Color

#c55c1f
```
#c55c1f rgb(197,92,31)
```
#c5af1f
```
#c5af1f rgb(197,175,31)
```
#88c51f
```
#88c51f rgb(136,197,31)
```

Analogous Color

#5c1fc5
```
#5c1fc5 rgb(92,31,197)
```
#c5af1f
```
#c5af1f rgb(197,175,31)
```
#1f88c5
```
#1f88c5 rgb(31,136,197)
```

Split Complementary Color

#af1fc5
```
#af1fc5 rgb(175,31,197)
```
#c5af1f
```
#c5af1f rgb(197,175,31)
```
#1fc5af
```
#1fc5af rgb(31,197,175)
```

Triadic Color

#c51f35
```
#c51f35 rgb(197,31,53)
```
#c5af1f
```
#c5af1f rgb(197,175,31)
```
#1fc5af
```
#1fc5af rgb(31,197,175)
```
#1f35c5
```
#1f35c5 rgb(31,53,197)
```

Tetradic Color

#837415
```
#837415 rgb(131,116,21)
```
#998818
```
#998818 rgb(153,136,24)
```
#af9b1c
```
#af9b1c rgb(175,155,28)
```
#c5af1f
```
#c5af1f rgb(197,175,31)
```
#dbc322
```
#dbc322 rgb(219,195,34)
```
#e0c937
```
#e0c937 rgb(224,201,55)
```
#e3cf4d
```
#e3cf4d rgb(227,207,77)
```

Monochromatic Color

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

#c5861f
```
#c5861f rgb(197,134,31)
```
#c5931f
```
#c5931f rgb(197,147,31)
```
#c5a11f
```
#c5a11f rgb(197,161,31)
```
#c5af1f
```
#c5af1f rgb(197,175,31)
```
#c5bd1f
```
#c5bd1f rgb(197,189,31)
```
#bfc51f
```
#bfc51f rgb(191,197,31)
```
#b2c51f
```
#b2c51f rgb(178,197,31)
```

Similar Colors

Text with hexadecimal color #c5af1f

This text has a font color of #c5af1f.

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

#c5af1f background color

This paragraph has a background color of #c5af1f.

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

#c5af1f border color

This element has a border color of #c5af1f.

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

CSS codes

.text {color:#c5af1f;}

.background {background-color:#c5af1f;}

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

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

#0b0902
```
#0b0902 rgb(11,9,2)
```
#1c1804
```
#1c1804 rgb(28,24,4)
```
#2c2707
```
#2c2707 rgb(44,39,7)
```
#3d370a
```
#3d370a rgb(61,55,10)
```
#4e460c
```
#4e460c rgb(78,70,12)
```
#5f550f
```
#5f550f rgb(95,85,15)
```
#706412
```
#706412 rgb(112,100,18)
```
#817314
```
#817314 rgb(129,115,20)
```
#928217
```
#928217 rgb(146,130,23)
```
#a3911a
```
#a3911a rgb(163,145,26)
```
#b4a01c
```
#b4a01c rgb(180,160,28)
```
#c5af1f
```
#c5af1f rgb(197,175,31)
```
#d6be22
```
#d6be22 rgb(214,190,34)
```

Shade Color Variation

#dec72d
```
#dec72d rgb(222,199,45)
```
#e1cb3e
```
#e1cb3e rgb(225,203,62)
```
#e3d04f
```
#e3d04f rgb(227,208,79)
```
#e6d460
```
#e6d460 rgb(230,212,96)
```
#e9d971
```
#e9d971 rgb(233,217,113)
```
#ebdd82
```
#ebdd82 rgb(235,221,130)
```
#eee293
```
#eee293 rgb(238,226,147)
```
#f1e6a4
```
#f1e6a4 rgb(241,230,164)
```
#f3ebb5
```
#f3ebb5 rgb(243,235,181)
```
#f6f0c6
```
#f6f0c6 rgb(246,240,198)
```
#f9f4d7
```
#f9f4d7 rgb(249,244,215)
```
#fbf9e8
```
#fbf9e8 rgb(251,249,232)
```
#fefdf9
```
#fefdf9 rgb(254,253,249)
```

Tint Color Variation

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

#76756e
```
#76756e rgb(118,117,110)
```
#7f7b65
```
#7f7b65 rgb(127,123,101)
```
#88825c
```
#88825c rgb(136,130,92)
```
#908854
```
#908854 rgb(144,136,84)
```
#998f4b
```
#998f4b rgb(153,143,75)
```
#a29542
```
#a29542 rgb(162,149,66)
```
#ab9c39
```
#ab9c39 rgb(171,156,57)
```
#b3a231
```
#b3a231 rgb(179,162,49)
```
#bca928
```
#bca928 rgb(188,169,40)
```
#c5af1f
```
#c5af1f rgb(197,175,31)
```
#ceb516
```
#ceb516 rgb(206,181,22)
```
#d7bc0d
```
#d7bc0d rgb(215,188,13)
```
#dfc205
```
#dfc205 rgb(223,194,5)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#aba78a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b32a Protanopia 1% of men
#deaa30 Deuteranopia 1% of men
#d2a7b3 Tritanopia 0.001% of the population

Trichromacy

#c6b126 Protanomaly 1% of men, 0.01% of women
#d5ab2a Deuteranomaly 6% of men, 0.4% of women
#cdaa7d Tritanomaly 0.01% of the population

#c5af1f hex color

#c5af1f Color Information

#c5af1f Color Conversion

Color Schemes with #c5af1f

Alternatives to #c5af1f

#c5af1f Preview

Shades and Tints of #c5af1f

Tones of #c5af1f

Color Blindness Simulator