#c48f2e hex color

In a RGB color space, hex #c48f2e is composed of 76.9% red, 56.1% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27% magenta, 76.5% yellow and 23.1% black. It has a hue angle of 38.8 degrees, a saturation of 62% and a lightness of 47.5%. #c48f2e color hex could be obtained by blending #ffff5c with #891f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 77
- G 56
- B 18
RGB color chart
- C 0
- M 27
- Y 77
- K 23
CMYK color chart

● #c48f2e color description : Strong orange.

The hexadecimal color #c48f2e has RGB values of R:196, G:143, B:46 and CMYK values of C:0, M:0.27, Y:0.77, K:0.23. Its decimal value is 12881710.

Hex triplet	c48f2e	`#c48f2e`
RGB Decimal	196, 143, 46	`rgb(196,143,46)`
RGB Percent	76.9, 56.1, 18	`rgb(76.9%,56.1%,18%)`
CMYK	0, 27, 77, 23
HSL	38.8°, 62, 47.5	`hsl(38.8,62%,47.5%)`
HSV (or HSB)	38.8°, 76.5, 76.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	62.994, 11.218, 56.314
XYZ	33.081, 31.58, 6.938
xyY	0.462, 0.441, 31.58
CIE-LCH	62.994, 57.421, 78.734
CIE-LUV	62.994, 43.378, 57.63
Hunter-Lab	56.196, 6.736, 32.017
Binary	11000100, 10001111, 00101110

#c48f2e
```
#c48f2e rgb(196,143,46)
```
#2e63c4
```
#2e63c4 rgb(46,99,196)
```

Complementary Color

#c4442e
```
#c4442e rgb(196,68,46)
```
#c48f2e
```
#c48f2e rgb(196,143,46)
```
#aec42e
```
#aec42e rgb(174,196,46)
```

Analogous Color

#442ec4
```
#442ec4 rgb(68,46,196)
```
#c48f2e
```
#c48f2e rgb(196,143,46)
```
#2eaec4
```
#2eaec4 rgb(46,174,196)
```

Split Complementary Color

#8f2ec4
```
#8f2ec4 rgb(143,46,196)
```
#c48f2e
```
#c48f2e rgb(196,143,46)
```
#2ec48f
```
#2ec48f rgb(46,196,143)
```

Triadic Color

#c42e63
```
#c42e63 rgb(196,46,99)
```
#c48f2e
```
#c48f2e rgb(196,143,46)
```
#2ec48f
```
#2ec48f rgb(46,196,143)
```
#2e63c4
```
#2e63c4 rgb(46,99,196)
```

Tetradic Color

#86621f
```
#86621f rgb(134,98,31)
```
#9b7124
```
#9b7124 rgb(155,113,36)
```
#af8029
```
#af8029 rgb(175,128,41)
```
#c48f2e
```
#c48f2e rgb(196,143,46)
```
#d19c3b
```
#d19c3b rgb(209,156,59)
```
#d6a64f
```
#d6a64f rgb(214,166,79)
```
#dbb164
```
#dbb164 rgb(219,177,100)
```

Monochromatic Color

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

#c46a2e
```
#c46a2e rgb(196,106,46)
```
#c4762e
```
#c4762e rgb(196,118,46)
```
#c4832e
```
#c4832e rgb(196,131,46)
```
#c48f2e
```
#c48f2e rgb(196,143,46)
```
#c49c2e
```
#c49c2e rgb(196,156,46)
```
#c4a82e
```
#c4a82e rgb(196,168,46)
```
#c4b52e
```
#c4b52e rgb(196,181,46)
```

Similar Colors

Text with hexadecimal color #c48f2e

This text has a font color of #c48f2e.

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

#c48f2e background color

This paragraph has a background color of #c48f2e.

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

#c48f2e border color

This element has a border color of #c48f2e.

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

CSS codes

.text {color:#c48f2e;}

.background {background-color:#c48f2e;}

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

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

#050401
```
#050401 rgb(5,4,1)
```
#151005
```
#151005 rgb(21,16,5)
```
#251b09
```
#251b09 rgb(37,27,9)
```
#35270c
```
#35270c rgb(53,39,12)
```
#453210
```
#453210 rgb(69,50,16)
```
#553e14
```
#553e14 rgb(85,62,20)
```
#654918
```
#654918 rgb(101,73,24)
```
#75551b
```
#75551b rgb(117,85,27)
```
#84611f
```
#84611f rgb(132,97,31)
```
#946c23
```
#946c23 rgb(148,108,35)
```
#a47827
```
#a47827 rgb(164,120,39)
```
#b4832a
```
#b4832a rgb(180,131,42)
```
#c48f2e
```
#c48f2e rgb(196,143,46)
```

Shade Color Variation

#d09936
```
#d09936 rgb(208,153,54)
```
#d4a146
```
#d4a146 rgb(212,161,70)
```
#d7a956
```
#d7a956 rgb(215,169,86)
```
#dbb165
```
#dbb165 rgb(219,177,101)
```
#dfb975
```
#dfb975 rgb(223,185,117)
```
#e2c285
```
#e2c285 rgb(226,194,133)
```
#e6ca95
```
#e6ca95 rgb(230,202,149)
```
#ead2a5
```
#ead2a5 rgb(234,210,165)
```
#eedab5
```
#eedab5 rgb(238,218,181)
```
#f1e2c5
```
#f1e2c5 rgb(241,226,197)
```
#f5ead5
```
#f5ead5 rgb(245,234,213)
```
#f9f2e5
```
#f9f2e5 rgb(249,242,229)
```
#fdfaf4
```
#fdfaf4 rgb(253,250,244)
```

Tint Color Variation

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

#7a7978
```
#7a7978 rgb(122,121,120)
```
#837c6f
```
#837c6f rgb(131,124,111)
```
#8c7f66
```
#8c7f66 rgb(140,127,102)
```
#95815d
```
#95815d rgb(149,129,93)
```
#9f8453
```
#9f8453 rgb(159,132,83)
```
#a8874a
```
#a8874a rgb(168,135,74)
```
#b18a41
```
#b18a41 rgb(177,138,65)
```
#bb8c37
```
#bb8c37 rgb(187,140,55)
```
#c48f2e
```
#c48f2e rgb(196,143,46)
```
#cd9225
```
#cd9225 rgb(205,146,37)
```
#d7941b
```
#d7941b rgb(215,148,27)
```
#e09712
```
#e09712 rgb(224,151,18)
```
#e99a09
```
#e99a09 rgb(233,154,9)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#9e9380 Atypical Achromatopsia 0.001% of the population

Dichromacy

#af9e3b Protanopia 1% of men
#c39638 Deuteranopia 1% of men
#cd8b95 Tritanopia 0.001% of the population

Trichromacy

#b79836 Protanomaly 1% of men, 0.01% of women
#c39334 Deuteranomaly 6% of men, 0.4% of women
#ca8c6f Tritanomaly 0.01% of the population

#c48f2e hex color

#c48f2e Color Information

#c48f2e Color Conversion

Color Schemes with #c48f2e

Alternatives to #c48f2e

#c48f2e Preview

Shades and Tints of #c48f2e

Tones of #c48f2e

Color Blindness Simulator