#c28218 hex color

In a RGB color space, hex #c28218 is composed of 76.1% red, 51% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33% magenta, 87.6% yellow and 23.9% black. It has a hue angle of 37.4 degrees, a saturation of 78% and a lightness of 42.7%. #c28218 color hex could be obtained by blending #ffff30 with #850500. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 76
- G 51
- B 9
RGB color chart
- C 0
- M 33
- Y 88
- K 24
CMYK color chart

● #c28218 color description : Strong orange.

The hexadecimal color #c28218 has RGB values of R:194, G:130, B:24 and CMYK values of C:0, M:0.33, Y:0.88, K:0.24. Its decimal value is 12747288.

Hex triplet	c28218	`#c28218`
RGB Decimal	194, 130, 24	`rgb(194,130,24)`
RGB Percent	76.1, 51, 9.4	`rgb(76.1%,51%,9.4%)`
CMYK	0, 33, 88, 24
HSL	37.4°, 78, 42.7	`hsl(37.4,78%,42.7%)`
HSV (or HSB)	37.4°, 87.6, 76.1
Web Safe	cc9900	`#cc9900`

CIE-LAB	59.437, 16.767, 60.549
XYZ	30.396, 27.503, 4.572
xyY	0.487, 0.44, 27.503
CIE-LCH	59.437, 62.828, 74.522
CIE-LUV	59.437, 52.863, 56.95
Hunter-Lab	52.443, 11.685, 31.541
Binary	11000010, 10000010, 00011000

#c28218
```
#c28218 rgb(194,130,24)
```
#1858c2
```
#1858c2 rgb(24,88,194)
```

Complementary Color

#c22d18
```
#c22d18 rgb(194,45,24)
```
#c28218
```
#c28218 rgb(194,130,24)
```
#adc218
```
#adc218 rgb(173,194,24)
```

Analogous Color

#2d18c2
```
#2d18c2 rgb(45,24,194)
```
#c28218
```
#c28218 rgb(194,130,24)
```
#18adc2
```
#18adc2 rgb(24,173,194)
```

Split Complementary Color

#8218c2
```
#8218c2 rgb(130,24,194)
```
#c28218
```
#c28218 rgb(194,130,24)
```
#18c282
```
#18c282 rgb(24,194,130)
```

Triadic Color

#c21858
```
#c21858 rgb(194,24,88)
```
#c28218
```
#c28218 rgb(194,130,24)
```
#18c282
```
#18c282 rgb(24,194,130)
```
#1858c2
```
#1858c2 rgb(24,88,194)
```

Tetradic Color

#7e5410
```
#7e5410 rgb(126,84,16)
```
#956412
```
#956412 rgb(149,100,18)
```
#ab7315
```
#ab7315 rgb(171,115,21)
```
#c28218
```
#c28218 rgb(194,130,24)
```
#d9911b
```
#d9911b rgb(217,145,27)
```
#e49e29
```
#e49e29 rgb(228,158,41)
```
#e7a83f
```
#e7a83f rgb(231,168,63)
```

Monochromatic Color

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

#c25818
```
#c25818 rgb(194,88,24)
```
#c26618
```
#c26618 rgb(194,102,24)
```
#c27418
```
#c27418 rgb(194,116,24)
```
#c28218
```
#c28218 rgb(194,130,24)
```
#c29018
```
#c29018 rgb(194,144,24)
```
#c29e18
```
#c29e18 rgb(194,158,24)
```
#c2ad18
```
#c2ad18 rgb(194,173,24)
```

Similar Colors

Text with hexadecimal color #c28218

This text has a font color of #c28218.

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

#c28218 background color

This paragraph has a background color of #c28218.

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

#c28218 border color

This element has a border color of #c28218.

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

CSS codes

.text {color:#c28218;}

.background {background-color:#c28218;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#130d02
```
#130d02 rgb(19,13,2)
```
#251905
```
#251905 rgb(37,25,5)
```
#362407
```
#362407 rgb(54,36,7)
```
#483009
```
#483009 rgb(72,48,9)
```
#593c0b
```
#593c0b rgb(89,60,11)
```
#6b480d
```
#6b480d rgb(107,72,13)
```
#7c530f
```
#7c530f rgb(124,83,15)
```
#8e5f12
```
#8e5f12 rgb(142,95,18)
```
#9f6b14
```
#9f6b14 rgb(159,107,20)
```
#b17616
```
#b17616 rgb(177,118,22)
```
#c28218
```
#c28218 rgb(194,130,24)
```
#d38e1a
```
#d38e1a rgb(211,142,26)
```

Shade Color Variation

#e3991e
```
#e3991e rgb(227,153,30)
```
#e5a130
```
#e5a130 rgb(229,161,48)
```
#e7a941
```
#e7a941 rgb(231,169,65)
```
#eab152
```
#eab152 rgb(234,177,82)
```
#ecb964
```
#ecb964 rgb(236,185,100)
```
#eec175
```
#eec175 rgb(238,193,117)
```
#f0c887
```
#f0c887 rgb(240,200,135)
```
#f2d098
```
#f2d098 rgb(242,208,152)
```
#f4d8aa
```
#f4d8aa rgb(244,216,170)
```
#f7e0bb
```
#f7e0bb rgb(247,224,187)
```
#f9e8cd
```
#f9e8cd rgb(249,232,205)
```
#fbf0de
```
#fbf0de rgb(251,240,222)
```
#fdf8f0
```
#fdf8f0 rgb(253,248,240)
```

Tint Color Variation

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

#6e6d6c
```
#6e6d6c rgb(110,109,108)
```
#776f63
```
#776f63 rgb(119,111,99)
```
#7f715b
```
#7f715b rgb(127,113,91)
```
#877353
```
#877353 rgb(135,115,83)
```
#90764a
```
#90764a rgb(144,118,74)
```
#987842
```
#987842 rgb(152,120,66)
```
#a07a3a
```
#a07a3a rgb(160,122,58)
```
#a97c31
```
#a97c31 rgb(169,124,49)
```
#b17e29
```
#b17e29 rgb(177,126,41)
```
#ba8020
```
#ba8020 rgb(186,128,32)
```
#c28218
```
#c28218 rgb(194,130,24)
```
#ca8410
```
#ca8410 rgb(202,132,16)
```
#d38607
```
#d38607 rgb(211,134,7)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#948872 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69527 Protanopia 1% of men
#b98d20 Deuteranopia 1% of men
#ca7f88 Tritanopia 0.001% of the population

Trichromacy

#b08e21 Protanomaly 1% of men, 0.01% of women
#bc891d Deuteranomaly 6% of men, 0.4% of women
#c7805f Tritanomaly 0.01% of the population

#c28218 hex color

#c28218 Color Information

#c28218 Color Conversion

Color Schemes with #c28218

Alternatives to #c28218

#c28218 Preview

Shades and Tints of #c28218

Tones of #c28218

Color Blindness Simulator