#c4a248 hex color

In a RGB color space, hex #c4a248 is composed of 76.9% red, 63.5% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.3% magenta, 63.3% yellow and 23.1% black. It has a hue angle of 43.5 degrees, a saturation of 51.2% and a lightness of 52.5%. #c4a248 color hex could be obtained by blending #ffff90 with #894500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 77
- G 64
- B 28
RGB color chart
- C 0
- M 17
- Y 63
- K 23
CMYK color chart

● #c4a248 color description : Moderate orange.

The hexadecimal color #c4a248 has RGB values of R:196, G:162, B:72 and CMYK values of C:0, M:0.17, Y:0.63, K:0.23. Its decimal value is 12886600.

Hex triplet	c4a248	`#c4a248`
RGB Decimal	196, 162, 72	`rgb(196,162,72)`
RGB Percent	76.9, 63.5, 28.2	`rgb(76.9%,63.5%,28.2%)`
CMYK	0, 17, 63, 23
HSL	43.5°, 51.2, 52.5	`hsl(43.5,51.2%,52.5%)`
HSV (or HSB)	43.5°, 63.3, 76.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.054, 2.303, 50.293
XYZ	36.855, 38.046, 11.533
xyY	0.426, 0.44, 38.046
CIE-LCH	68.054, 50.345, 87.378
CIE-LUV	68.054, 28.079, 57.417
Hunter-Lab	61.681, -1.286, 32.091
Binary	11000100, 10100010, 01001000

#c4a248
```
#c4a248 rgb(196,162,72)
```
#486ac4
```
#486ac4 rgb(72,106,196)
```

Complementary Color

#c46448
```
#c46448 rgb(196,100,72)
```
#c4a248
```
#c4a248 rgb(196,162,72)
```
#a8c448
```
#a8c448 rgb(168,196,72)
```

Analogous Color

#6448c4
```
#6448c4 rgb(100,72,196)
```
#c4a248
```
#c4a248 rgb(196,162,72)
```
#48a8c4
```
#48a8c4 rgb(72,168,196)
```

Split Complementary Color

#a248c4
```
#a248c4 rgb(162,72,196)
```
#c4a248
```
#c4a248 rgb(196,162,72)
```
#48c4a2
```
#48c4a2 rgb(72,196,162)
```

Triadic Color

#c4486a
```
#c4486a rgb(196,72,106)
```
#c4a248
```
#c4a248 rgb(196,162,72)
```
#48c4a2
```
#48c4a2 rgb(72,196,162)
```
#486ac4
```
#486ac4 rgb(72,106,196)
```

Tetradic Color

#91762f
```
#91762f rgb(145,118,47)
```
#a48635
```
#a48635 rgb(164,134,53)
```
#b7953b
```
#b7953b rgb(183,149,59)
```
#c4a248
```
#c4a248 rgb(196,162,72)
```
#caac5b
```
#caac5b rgb(202,172,91)
```
#d0b66f
```
#d0b66f rgb(208,182,111)
```
#d7bf82
```
#d7bf82 rgb(215,191,130)
```

Monochromatic Color

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

#c48348
```
#c48348 rgb(196,131,72)
```
#c48d48
```
#c48d48 rgb(196,141,72)
```
#c49848
```
#c49848 rgb(196,152,72)
```
#c4a248
```
#c4a248 rgb(196,162,72)
```
#c4ac48
```
#c4ac48 rgb(196,172,72)
```
#c4b748
```
#c4b748 rgb(196,183,72)
```
#c4c148
```
#c4c148 rgb(196,193,72)
```

Similar Colors

Text with hexadecimal color #c4a248

This text has a font color of #c4a248.

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

#c4a248 background color

This paragraph has a background color of #c4a248.

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

#c4a248 border color

This element has a border color of #c4a248.

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

CSS codes

.text {color:#c4a248;}

.background {background-color:#c4a248;}

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

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

#0a0803
```
#0a0803 rgb(10,8,3)
```
#191408
```
#191408 rgb(25,20,8)
```
#27200d
```
#27200d rgb(39,32,13)
```
#362c12
```
#362c12 rgb(54,44,18)
```
#453816
```
#453816 rgb(69,56,22)
```
#54441b
```
#54441b rgb(84,68,27)
```
#635020
```
#635020 rgb(99,80,32)
```
#725d25
```
#725d25 rgb(114,93,37)
```
#806929
```
#806929 rgb(128,105,41)
```
#8f752e
```
#8f752e rgb(143,117,46)
```
#9e8133
```
#9e8133 rgb(158,129,51)
```
#ad8d38
```
#ad8d38 rgb(173,141,56)
```
#bc993d
```
#bc993d rgb(188,153,61)
```

Shade Color Variation

#c4a248
```
#c4a248 rgb(196,162,72)
```
#c9aa57
```
#c9aa57 rgb(201,170,87)
```
#ceb166
```
#ceb166 rgb(206,177,102)
```
#d2b974
```
#d2b974 rgb(210,185,116)
```
#d7c083
```
#d7c083 rgb(215,192,131)
```
#dcc892
```
#dcc892 rgb(220,200,146)
```
#e1cfa1
```
#e1cfa1 rgb(225,207,161)
```
#e5d7b0
```
#e5d7b0 rgb(229,215,176)
```
#eadebf
```
#eadebf rgb(234,222,191)
```
#efe6cd
```
#efe6cd rgb(239,230,205)
```
#f4eddc
```
#f4eddc rgb(244,237,220)
```
#f9f5eb
```
#f9f5eb rgb(249,245,235)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

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

#8c8980
```
#8c8980 rgb(140,137,128)
```
#958d77
```
#958d77 rgb(149,141,119)
```
#9f916d
```
#9f916d rgb(159,145,109)
```
#a89564
```
#a89564 rgb(168,149,100)
```
#b19a5b
```
#b19a5b rgb(177,154,91)
```
#bb9e51
```
#bb9e51 rgb(187,158,81)
```
#c4a248
```
#c4a248 rgb(196,162,72)
```
#cda63f
```
#cda63f rgb(205,166,63)
```
#d7aa35
```
#d7aa35 rgb(215,170,53)
```
#e0af2c
```
#e0af2c rgb(224,175,44)
```
#e9b323
```
#e9b323 rgb(233,179,35)
```
#f3b719
```
#f3b719 rgb(243,183,25)
```
#fcbb10
```
#fcbb10 rgb(252,187,16)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a9a290 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcaa52 Protanopia 1% of men
#d0a252 Deuteranopia 1% of men
#ce9da8 Tritanopia 0.001% of the population

Trichromacy

#bfa74e Protanomaly 1% of men, 0.01% of women
#cca24e Deuteranomaly 6% of men, 0.4% of women
#ca9f85 Tritanomaly 0.01% of the population

#c4a248 hex color

#c4a248 Color Information

#c4a248 Color Conversion

Color Schemes with #c4a248

Alternatives to #c4a248

#c4a248 Preview

Shades and Tints of #c4a248

Tones of #c4a248

Color Blindness Simulator