colorhexa.com

#c28348 hex color

In a RGB color space, hex #c28348 is composed of 76.1% red, 51.4% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.5% magenta, 62.9% yellow and 23.9% black. It has a hue angle of 29 degrees, a saturation of 50% and a lightness of 52.2%. #c28348 color hex could be obtained by blending #ffff90 with #850700. Closest websafe color is: #cc9933.

- R 76
- G 51
- B 28
RGB color chart
- C 0
- M 32
- Y 63
- K 24
CMYK color chart

● #c28348 color description : Moderate orange.

The hexadecimal color #c28348 has RGB values of R:194, G:131, B:72 and CMYK values of C:0, M:0.32, Y:0.63, K:0.24. Its decimal value is 12747592.

Hex triplet	c28348	`#c28348`
RGB Decimal	194, 131, 72	`rgb(194,131,72)`
RGB Percent	76.1, 51.4, 28.2	`rgb(76.1%,51.4%,28.2%)`
CMYK	0, 32, 63, 24
HSL	29°, 50, 52.2	`hsl(29,50%,52.2%)`
HSV (or HSB)	29°, 62.9, 76.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	60.044, 18.367, 41.154
XYZ	31.535, 28.172, 9.907
xyY	0.453, 0.405, 28.172
CIE-LCH	60.044, 45.066, 65.949
CIE-LUV	60.044, 49.072, 43.477
Hunter-Lab	53.077, 13.167, 26.087
Binary	11000010, 10000011, 01001000

#c28348
```
#c28348 rgb(194,131,72)
```
#4887c2
```
#4887c2 rgb(72,135,194)
```

Complementary Color

#c2484a
```
#c2484a rgb(194,72,74)
```
#c28348
```
#c28348 rgb(194,131,72)
```
#c2c048
```
#c2c048 rgb(194,192,72)
```

Analogous Color

#484ac2
```
#484ac2 rgb(72,74,194)
```
#c28348
```
#c28348 rgb(194,131,72)
```
#48c2c0
```
#48c2c0 rgb(72,194,192)
```

Split Complementary Color

#8348c2
```
#8348c2 rgb(131,72,194)
```
#c28348
```
#c28348 rgb(194,131,72)
```
#48c283
```
#48c283 rgb(72,194,131)
```

Triadic Color

#c24887
```
#c24887 rgb(194,72,135)
```
#c28348
```
#c28348 rgb(194,131,72)
```
#48c283
```
#48c283 rgb(72,194,131)
```
#4887c2
```
#4887c2 rgb(72,135,194)
```

Tetradic Color

#8e5d2f
```
#8e5d2f rgb(142,93,47)
```
#a16a36
```
#a16a36 rgb(161,106,54)
```
#b4763c
```
#b4763c rgb(180,118,60)
```
#c28348
```
#c28348 rgb(194,131,72)
```
#c8905b
```
#c8905b rgb(200,144,91)
```
#cf9d6e
```
#cf9d6e rgb(207,157,110)
```
#d5aa81
```
#d5aa81 rgb(213,170,129)
```

Monochromatic Color

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

#c26548
```
#c26548 rgb(194,101,72)
```
#c26f48
```
#c26f48 rgb(194,111,72)
```
#c27948
```
#c27948 rgb(194,121,72)
```
#c28348
```
#c28348 rgb(194,131,72)
```
#c28d48
```
#c28d48 rgb(194,141,72)
```
#c29748
```
#c29748 rgb(194,151,72)
```
#c2a248
```
#c2a248 rgb(194,162,72)
```

Similar Colors

Text with hexadecimal color #c28348

This text has a font color of #c28348.

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

#c28348 background color

This paragraph has a background color of #c28348.

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

#c28348 border color

This element has a border color of #c28348.

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

CSS codes

.text {color:#c28348;}

.background {background-color:#c28348;}

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

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

#080503
```
#080503 rgb(8,5,3)
```
#170f08
```
#170f08 rgb(23,15,8)
```
#26190d
```
#26190d rgb(38,25,13)
```
#342211
```
#342211 rgb(52,34,17)
```
#432c16
```
#432c16 rgb(67,44,22)
```
#52361b
```
#52361b rgb(82,54,27)
```
#613f20
```
#613f20 rgb(97,63,32)
```
#6f4925
```
#6f4925 rgb(111,73,37)
```
#7e532a
```
#7e532a rgb(126,83,42)
```
#8d5c2f
```
#8d5c2f rgb(141,92,47)
```
#9b6634
```
#9b6634 rgb(155,102,52)
```
#aa7039
```
#aa7039 rgb(170,112,57)
```
#b9793e
```
#b9793e rgb(185,121,62)
```

Shade Color Variation

#c28348
```
#c28348 rgb(194,131,72)
```
#c78d57
```
#c78d57 rgb(199,141,87)
```
#cc9765
```
#cc9765 rgb(204,151,101)
```
#d1a174
```
#d1a174 rgb(209,161,116)
```
#d6ab83
```
#d6ab83 rgb(214,171,131)
```
#dbb592
```
#dbb592 rgb(219,181,146)
```
#dfbfa0
```
#dfbfa0 rgb(223,191,160)
```
#e4c9af
```
#e4c9af rgb(228,201,175)
```
#e9d3be
```
#e9d3be rgb(233,211,190)
```
#eeddcc
```
#eeddcc rgb(238,221,204)
```
#f3e7db
```
#f3e7db rgb(243,231,219)
```
#f8f1ea
```
#f8f1ea rgb(248,241,234)
```
#fdfbf9
```
#fdfbf9 rgb(253,251,249)
```

Tint Color Variation

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

#8a8580
```
#8a8580 rgb(138,133,128)
```
#938577
```
#938577 rgb(147,133,119)
```
#9c846e
```
#9c846e rgb(156,132,110)
```
#a68464
```
#a68464 rgb(166,132,100)
```
#af845b
```
#af845b rgb(175,132,91)
```
#b98351
```
#b98351 rgb(185,131,81)
```
#c28348
```
#c28348 rgb(194,131,72)
```
#cb833f
```
#cb833f rgb(203,131,63)
```
#d58235
```
#d58235 rgb(213,130,53)
```
#de822c
```
#de822c rgb(222,130,44)
```
#e88222
```
#e88222 rgb(232,130,34)
```
#f18119
```
#f18119 rgb(241,129,25)
```
#fa8110
```
#fa8110 rgb(250,129,16)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#998d81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49655 Protanopia 1% of men
#b78f4f Deuteranopia 1% of men
#c9828b Tritanopia 0.001% of the population

Trichromacy

#af8f50 Protanomaly 1% of men, 0.01% of women
#bb8b4c Deuteranomaly 6% of men, 0.4% of women
#c68272 Tritanomaly 0.01% of the population