#c48d2a hex color

In a RGB color space, hex #c48d2a is composed of 76.9% red, 55.3% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.1% magenta, 78.6% yellow and 23.1% black. It has a hue angle of 38.6 degrees, a saturation of 64.7% and a lightness of 46.7%. #c48d2a color hex could be obtained by blending #ffff54 with #891b00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 77
- G 55
- B 16
RGB color chart
- C 0
- M 28
- Y 79
- K 23
CMYK color chart

● #c48d2a color description : Strong orange.

The hexadecimal color #c48d2a has RGB values of R:196, G:141, B:42 and CMYK values of C:0, M:0.28, Y:0.79, K:0.23. Its decimal value is 12881194.

Hex triplet	c48d2a	`#c48d2a`
RGB Decimal	196, 141, 42	`rgb(196,141,42)`
RGB Percent	76.9, 55.3, 16.5	`rgb(76.9%,55.3%,16.5%)`
CMYK	0, 28, 79, 23
HSL	38.6°, 64.7, 46.7	`hsl(38.6,64.7%,46.7%)`
HSV (or HSB)	38.6°, 78.6, 76.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	62.469, 12.154, 57.358
XYZ	32.708, 30.955, 6.443
xyY	0.467, 0.442, 30.955
CIE-LCH	62.469, 58.631, 78.036
CIE-LUV	62.469, 45.104, 57.82
Hunter-Lab	55.637, 7.574, 32.08
Binary	11000100, 10001101, 00101010

#c48d2a
```
#c48d2a rgb(196,141,42)
```
#2a61c4
```
#2a61c4 rgb(42,97,196)
```

Complementary Color

#c4402a
```
#c4402a rgb(196,64,42)
```
#c48d2a
```
#c48d2a rgb(196,141,42)
```
#aec42a
```
#aec42a rgb(174,196,42)
```

Analogous Color

#402ac4
```
#402ac4 rgb(64,42,196)
```
#c48d2a
```
#c48d2a rgb(196,141,42)
```
#2aaec4
```
#2aaec4 rgb(42,174,196)
```

Split Complementary Color

#8d2ac4
```
#8d2ac4 rgb(141,42,196)
```
#c48d2a
```
#c48d2a rgb(196,141,42)
```
#2ac48d
```
#2ac48d rgb(42,196,141)
```

Triadic Color

#c42a61
```
#c42a61 rgb(196,42,97)
```
#c48d2a
```
#c48d2a rgb(196,141,42)
```
#2ac48d
```
#2ac48d rgb(42,196,141)
```
#2a61c4
```
#2a61c4 rgb(42,97,196)
```

Tetradic Color

#85601d
```
#85601d rgb(133,96,29)
```
#9a6f21
```
#9a6f21 rgb(154,111,33)
```
#af7e26
```
#af7e26 rgb(175,126,38)
```
#c48d2a
```
#c48d2a rgb(196,141,42)
```
#d49b34
```
#d49b34 rgb(212,155,52)
```
#d8a549
```
#d8a549 rgb(216,165,73)
```
#ddaf5e
```
#ddaf5e rgb(221,175,94)
```

Monochromatic Color

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

#c4672a
```
#c4672a rgb(196,103,42)
```
#c4732a
```
#c4732a rgb(196,115,42)
```
#c4802a
```
#c4802a rgb(196,128,42)
```
#c48d2a
```
#c48d2a rgb(196,141,42)
```
#c49a2a
```
#c49a2a rgb(196,154,42)
```
#c4a72a
```
#c4a72a rgb(196,167,42)
```
#c4b42a
```
#c4b42a rgb(196,180,42)
```

Similar Colors

Text with hexadecimal color #c48d2a

This text has a font color of #c48d2a.

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

#c48d2a background color

This paragraph has a background color of #c48d2a.

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

#c48d2a border color

This element has a border color of #c48d2a.

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

CSS codes

.text {color:#c48d2a;}

.background {background-color:#c48d2a;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#120d04
```
#120d04 rgb(18,13,4)
```
#221907
```
#221907 rgb(34,25,7)
```
#33240b
```
#33240b rgb(51,36,11)
```
#43300e
```
#43300e rgb(67,48,14)
```
#533c12
```
#533c12 rgb(83,60,18)
```
#634715
```
#634715 rgb(99,71,21)
```
#735319
```
#735319 rgb(115,83,25)
```
#835f1c
```
#835f1c rgb(131,95,28)
```
#946a20
```
#946a20 rgb(148,106,32)
```
#a47623
```
#a47623 rgb(164,118,35)
```
#b48127
```
#b48127 rgb(180,129,39)
```
#c48d2a
```
#c48d2a rgb(196,141,42)
```

Shade Color Variation

#d2982f
```
#d2982f rgb(210,152,47)
```
#d6a03f
```
#d6a03f rgb(214,160,63)
```
#d9a84f
```
#d9a84f rgb(217,168,79)
```
#ddb060
```
#ddb060 rgb(221,176,96)
```
#e0b870
```
#e0b870 rgb(224,184,112)
```
#e4c080
```
#e4c080 rgb(228,192,128)
```
#e7c890
```
#e7c890 rgb(231,200,144)
```
#ebd0a0
```
#ebd0a0 rgb(235,208,160)
```
#eed8b0
```
#eed8b0 rgb(238,216,176)
```
#f2e0c1
```
#f2e0c1 rgb(242,224,193)
```
#f5e8d1
```
#f5e8d1 rgb(245,232,209)
```
#f9f0e1
```
#f9f0e1 rgb(249,240,225)
```
#fcf8f1
```
#fcf8f1 rgb(252,248,241)
```

Tint Color Variation

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

#7b7873
```
#7b7873 rgb(123,120,115)
```
#847b6a
```
#847b6a rgb(132,123,106)
```
#8d7d61
```
#8d7d61 rgb(141,125,97)
```
#968058
```
#968058 rgb(150,128,88)
```
#9f834f
```
#9f834f rgb(159,131,79)
```
#a98545
```
#a98545 rgb(169,133,69)
```
#b2883c
```
#b2883c rgb(178,136,60)
```
#bb8a33
```
#bb8a33 rgb(187,138,51)
```
#c48d2a
```
#c48d2a rgb(196,141,42)
```
#cd9021
```
#cd9021 rgb(205,144,33)
```
#d69218
```
#d69218 rgb(214,146,24)
```
#df950f
```
#df950f rgb(223,149,15)
```
#e99705
```
#e99705 rgb(233,151,5)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#9c917d Atypical Achromatopsia 0.001% of the population

Dichromacy

#ae9c37 Protanopia 1% of men
#c29534 Deuteranopia 1% of men
#cd8993 Tritanopia 0.001% of the population

Trichromacy

#b69632 Protanomaly 1% of men, 0.01% of women
#c29230 Deuteranomaly 6% of men, 0.4% of women
#c98b6d Tritanomaly 0.01% of the population

#c48d2a hex color

#c48d2a Color Information

#c48d2a Color Conversion

Color Schemes with #c48d2a

Alternatives to #c48d2a

#c48d2a Preview

Shades and Tints of #c48d2a

Tones of #c48d2a

Color Blindness Simulator