#c5ab3f hex color

In a RGB color space, hex #c5ab3f is composed of 77.3% red, 67.1% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.2% magenta, 68% yellow and 22.7% black. It has a hue angle of 48.4 degrees, a saturation of 53.6% and a lightness of 51%. #c5ab3f color hex could be obtained by blending #ffff7e with #8b5700. Closest websafe color is: #cc9933.

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

● #c5ab3f color description : Moderate yellow.

The hexadecimal color #c5ab3f has RGB values of R:197, G:171, B:63 and CMYK values of C:0, M:0.13, Y:0.68, K:0.23. Its decimal value is 12954431.

Hex triplet	c5ab3f	`#c5ab3f`
RGB Decimal	197, 171, 63	`rgb(197,171,63)`
RGB Percent	77.3, 67.1, 24.7	`rgb(77.3%,67.1%,24.7%)`
CMYK	0, 13, 68, 23
HSL	48.4°, 53.6, 51	`hsl(48.4,53.6%,51%)`
HSV (or HSB)	48.4°, 68, 77.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.425, -2.614, 56.837
XYZ	38.486, 41.356, 10.658
xyY	0.425, 0.457, 41.356
CIE-LCH	70.425, 56.897, 92.633
CIE-LUV	70.425, 22.897, 64.513
Hunter-Lab	64.309, -5.715, 35.19
Binary	11000101, 10101011, 00111111

#c5ab3f
```
#c5ab3f rgb(197,171,63)
```
#3f59c5
```
#3f59c5 rgb(63,89,197)
```

Complementary Color

#c5683f
```
#c5683f rgb(197,104,63)
```
#c5ab3f
```
#c5ab3f rgb(197,171,63)
```
#9cc53f
```
#9cc53f rgb(156,197,63)
```

Analogous Color

#683fc5
```
#683fc5 rgb(104,63,197)
```
#c5ab3f
```
#c5ab3f rgb(197,171,63)
```
#3f9cc5
```
#3f9cc5 rgb(63,156,197)
```

Split Complementary Color

#ab3fc5
```
#ab3fc5 rgb(171,63,197)
```
#c5ab3f
```
#c5ab3f rgb(197,171,63)
```
#3fc5ab
```
#3fc5ab rgb(63,197,171)
```

Triadic Color

#c53f59
```
#c53f59 rgb(197,63,89)
```
#c5ab3f
```
#c5ab3f rgb(197,171,63)
```
#3fc5ab
```
#3fc5ab rgb(63,197,171)
```
#3f59c5
```
#3f59c5 rgb(63,89,197)
```

Tetradic Color

#8d7a2b
```
#8d7a2b rgb(141,122,43)
```
#a18b30
```
#a18b30 rgb(161,139,48)
```
#b49c36
```
#b49c36 rgb(180,156,54)
```
#c5ab3f
```
#c5ab3f rgb(197,171,63)
```
#cbb453
```
#cbb453 rgb(203,180,83)
```
#d1bc66
```
#d1bc66 rgb(209,188,102)
```
#d7c57a
```
#d7c57a rgb(215,197,122)
```

Monochromatic Color

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

#c58a3f
```
#c58a3f rgb(197,138,63)
```
#c5953f
```
#c5953f rgb(197,149,63)
```
#c5a03f
```
#c5a03f rgb(197,160,63)
```
#c5ab3f
```
#c5ab3f rgb(197,171,63)
```
#c5b63f
```
#c5b63f rgb(197,182,63)
```
#c5c13f
```
#c5c13f rgb(197,193,63)
```
#bec53f
```
#bec53f rgb(190,197,63)
```

Similar Colors

Text with hexadecimal color #c5ab3f

This text has a font color of #c5ab3f.

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

#c5ab3f background color

This paragraph has a background color of #c5ab3f.

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

#c5ab3f border color

This element has a border color of #c5ab3f.

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

CSS codes

.text {color:#c5ab3f;}

.background {background-color:#c5ab3f;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#131006
```
#131006 rgb(19,16,6)
```
#221d0a
```
#221d0a rgb(34,29,10)
```
#312a0f
```
#312a0f rgb(49,42,15)
```
#403713
```
#403713 rgb(64,55,19)
```
#4f4418
```
#4f4418 rgb(79,68,24)
```
#5e511c
```
#5e511c rgb(94,81,28)
```
#6d5e21
```
#6d5e21 rgb(109,94,33)
```
#7c6c26
```
#7c6c26 rgb(124,108,38)
```
#8b792a
```
#8b792a rgb(139,121,42)
```
#9a862f
```
#9a862f rgb(154,134,47)
```
#aa9333
```
#aa9333 rgb(170,147,51)
```
#b9a038
```
#b9a038 rgb(185,160,56)
```

Shade Color Variation

#c5ab3f
```
#c5ab3f rgb(197,171,63)
```
#cab24e
```
#cab24e rgb(202,178,78)
```
#ceb85d
```
#ceb85d rgb(206,184,93)
```
#d3bf6c
```
#d3bf6c rgb(211,191,108)
```
#d7c57b
```
#d7c57b rgb(215,197,123)
```
#dccc8a
```
#dccc8a rgb(220,204,138)
```
#e0d399
```
#e0d399 rgb(224,211,153)
```
#e5d9a8
```
#e5d9a8 rgb(229,217,168)
```
#e9e0b8
```
#e9e0b8 rgb(233,224,184)
```
#eee6c7
```
#eee6c7 rgb(238,230,199)
```
#f3edd6
```
#f3edd6 rgb(243,237,214)
```
#f7f3e5
```
#f7f3e5 rgb(247,243,229)
```
#fcfaf4
```
#fcfaf4 rgb(252,250,244)
```

Tint Color Variation

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

#8b8879
```
#8b8879 rgb(139,136,121)
```
#958e6f
```
#958e6f rgb(149,142,111)
```
#9f9365
```
#9f9365 rgb(159,147,101)
```
#a8995c
```
#a8995c rgb(168,153,92)
```
#b29f52
```
#b29f52 rgb(178,159,82)
```
#bba549
```
#bba549 rgb(187,165,73)
```
#c5ab3f
```
#c5ab3f rgb(197,171,63)
```
#cfb135
```
#cfb135 rgb(207,177,53)
```
#d8b72c
```
#d8b72c rgb(216,183,44)
```
#e2bd22
```
#e2bd22 rgb(226,189,34)
```
#ebc319
```
#ebc319 rgb(235,195,25)
```
#f5c80f
```
#f5c80f rgb(245,200,15)
```
#ffce05
```
#ffce05 rgb(255,206,5)
```

Tone Color Variation

Below, you can see how #c5ab3f 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
#aca791 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b049 Protanopia 1% of men
#d9a84b Deuteranopia 1% of men
#d1a4b0 Tritanopia 0.001% of the population

Trichromacy

#c4ae45 Protanomaly 1% of men, 0.01% of women
#d2a947 Deuteranomaly 6% of men, 0.4% of women
#cca787 Tritanomaly 0.01% of the population

#c5ab3f hex color

#c5ab3f Color Information

#c5ab3f Color Conversion

Color Schemes with #c5ab3f

Alternatives to #c5ab3f

#c5ab3f Preview

Shades and Tints of #c5ab3f

Tones of #c5ab3f

Color Blindness Simulator