#c4a23c hex color

In a RGB color space, hex #c4a23c is composed of 76.9% red, 63.5% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.3% magenta, 69.4% yellow and 23.1% black. It has a hue angle of 45 degrees, a saturation of 53.5% and a lightness of 50.2%. #c4a23c color hex could be obtained by blending #ffff78 with #894500. Closest websafe color is: #cc9933.

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

● #c4a23c color description : Moderate orange.

The hexadecimal color #c4a23c has RGB values of R:196, G:162, B:60 and CMYK values of C:0, M:0.17, Y:0.69, K:0.23. Its decimal value is 12886588.

Hex triplet	c4a23c	`#c4a23c`
RGB Decimal	196, 162, 60	`rgb(196,162,60)`
RGB Percent	76.9, 63.5, 23.5	`rgb(76.9%,63.5%,23.5%)`
CMYK	0, 17, 69, 23
HSL	45°, 53.5, 50.2	`hsl(45,53.5%,50.2%)`
HSV (or HSB)	45°, 69.4, 76.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	67.95, 1.582, 55.515
XYZ	36.501, 37.904, 9.668
xyY	0.434, 0.451, 37.904
CIE-LCH	67.95, 55.537, 88.368
CIE-LUV	67.95, 28.644, 61.549
Hunter-Lab	61.566, -1.913, 33.786
Binary	11000100, 10100010, 00111100

#c4a23c
```
#c4a23c rgb(196,162,60)
```
#3c5ec4
```
#3c5ec4 rgb(60,94,196)
```

Complementary Color

#c45e3c
```
#c45e3c rgb(196,94,60)
```
#c4a23c
```
#c4a23c rgb(196,162,60)
```
#a2c43c
```
#a2c43c rgb(162,196,60)
```

Analogous Color

#5e3cc4
```
#5e3cc4 rgb(94,60,196)
```
#c4a23c
```
#c4a23c rgb(196,162,60)
```
#3ca2c4
```
#3ca2c4 rgb(60,162,196)
```

Split Complementary Color

#a23cc4
```
#a23cc4 rgb(162,60,196)
```
#c4a23c
```
#c4a23c rgb(196,162,60)
```
#3cc4a2
```
#3cc4a2 rgb(60,196,162)
```

Triadic Color

#c43c5e
```
#c43c5e rgb(196,60,94)
```
#c4a23c
```
#c4a23c rgb(196,162,60)
```
#3cc4a2
```
#3cc4a2 rgb(60,196,162)
```
#3c5ec4
```
#3c5ec4 rgb(60,94,196)
```

Tetradic Color

#8a722a
```
#8a722a rgb(138,114,42)
```
#9d8230
```
#9d8230 rgb(157,130,48)
```
#b19236
```
#b19236 rgb(177,146,54)
```
#c4a23c
```
#c4a23c rgb(196,162,60)
```
#caab50
```
#caab50 rgb(202,171,80)
```
#d0b563
```
#d0b563 rgb(208,181,99)
```
#d6be77
```
#d6be77 rgb(214,190,119)
```

Monochromatic Color

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

#c4803c
```
#c4803c rgb(196,128,60)
```
#c48b3c
```
#c48b3c rgb(196,139,60)
```
#c4973c
```
#c4973c rgb(196,151,60)
```
#c4a23c
```
#c4a23c rgb(196,162,60)
```
#c4ad3c
```
#c4ad3c rgb(196,173,60)
```
#c4b93c
```
#c4b93c rgb(196,185,60)
```
#c4c43c
```
#c4c43c rgb(196,196,60)
```

Similar Colors

Text with hexadecimal color #c4a23c

This text has a font color of #c4a23c.

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

#c4a23c background color

This paragraph has a background color of #c4a23c.

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

#c4a23c border color

This element has a border color of #c4a23c.

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

CSS codes

.text {color:#c4a23c;}

.background {background-color:#c4a23c;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#100d05
```
#100d05 rgb(16,13,5)
```
#1f1a09
```
#1f1a09 rgb(31,26,9)
```
#2e260e
```
#2e260e rgb(46,38,14)
```
#3d3212
```
#3d3212 rgb(61,50,18)
```
#4c3f17
```
#4c3f17 rgb(76,63,23)
```
#5b4b1c
```
#5b4b1c rgb(91,75,28)
```
#6a5820
```
#6a5820 rgb(106,88,32)
```
#796425
```
#796425 rgb(121,100,37)
```
#887129
```
#887129 rgb(136,113,41)
```
#977d2e
```
#977d2e rgb(151,125,46)
```
#a68932
```
#a68932 rgb(166,137,50)
```
#b59637
```
#b59637 rgb(181,150,55)
```

Shade Color Variation

#c4a23c
```
#c4a23c rgb(196,162,60)
```
#c9a94b
```
#c9a94b rgb(201,169,75)
```
#cdb05a
```
#cdb05a rgb(205,176,90)
```
#d2b869
```
#d2b869 rgb(210,184,105)
```
#d6bf78
```
#d6bf78 rgb(214,191,120)
```
#dbc687
```
#dbc687 rgb(219,198,135)
```
#dfcd96
```
#dfcd96 rgb(223,205,150)
```
#e4d4a5
```
#e4d4a5 rgb(228,212,165)
```
#e8dbb4
```
#e8dbb4 rgb(232,219,180)
```
#ede3c4
```
#ede3c4 rgb(237,227,196)
```
#f2ead3
```
#f2ead3 rgb(242,234,211)
```
#f6f1e2
```
#f6f1e2 rgb(246,241,226)
```
#fbf8f1
```
#fbf8f1 rgb(251,248,241)
```

Tint Color Variation

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

#898577
```
#898577 rgb(137,133,119)
```
#938a6d
```
#938a6d rgb(147,138,109)
```
#9d8e63
```
#9d8e63 rgb(157,142,99)
```
#a79359
```
#a79359 rgb(167,147,89)
```
#b09850
```
#b09850 rgb(176,152,80)
```
#ba9d46
```
#ba9d46 rgb(186,157,70)
```
#c4a23c
```
#c4a23c rgb(196,162,60)
```
#cea732
```
#cea732 rgb(206,167,50)
```
#d8ac28
```
#d8ac28 rgb(216,172,40)
```
#e1b11f
```
#e1b11f rgb(225,177,31)
```
#ebb615
```
#ebb615 rgb(235,182,21)
```
#f5ba0b
```
#f5ba0b rgb(245,186,11)
```
#ffbf01
```
#ffbf01 rgb(255,191,1)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a8a18d Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdaa47 Protanopia 1% of men
#d1a247 Deuteranopia 1% of men
#cf9ca7 Tritanopia 0.001% of the population

Trichromacy

#bfa743 Protanomaly 1% of men, 0.01% of women
#cca243 Deuteranomaly 6% of men, 0.4% of women
#cb9e80 Tritanomaly 0.01% of the population

#c4a23c hex color

#c4a23c Color Information

#c4a23c Color Conversion

Color Schemes with #c4a23c

Alternatives to #c4a23c

#c4a23c Preview

Shades and Tints of #c4a23c

Tones of #c4a23c

Color Blindness Simulator