colorhexa.com

#c28445 hex color

In a RGB color space, hex #c28445 is composed of 76.1% red, 51.8% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32% magenta, 64.4% yellow and 23.9% black. It has a hue angle of 30.2 degrees, a saturation of 50.6% and a lightness of 51.6%. #c28445 color hex could be obtained by blending #ffff8a with #850900. Closest websafe color is: #cc9933.

- R 76
- G 52
- B 27
RGB color chart
- C 0
- M 32
- Y 64
- K 24
CMYK color chart

● #c28445 color description : Moderate orange.

The hexadecimal color #c28445 has RGB values of R:194, G:132, B:69 and CMYK values of C:0, M:0.32, Y:0.64, K:0.24. Its decimal value is 12747845.

Hex triplet	c28445	`#c28445`
RGB Decimal	194, 132, 69	`rgb(194,132,69)`
RGB Percent	76.1, 51.8, 27.1	`rgb(76.1%,51.8%,27.1%)`
CMYK	0, 32, 64, 24
HSL	30.2°, 50.6, 51.6	`hsl(30.2,50.6%,51.6%)`
HSV (or HSB)	30.2°, 64.4, 76.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	60.252, 17.615, 42.92
XYZ	31.574, 28.403, 9.449
xyY	0.455, 0.409, 28.403
CIE-LCH	60.252, 46.394, 67.686
CIE-LUV	60.252, 48.597, 45.18
Hunter-Lab	53.295, 12.485, 26.794
Binary	11000010, 10000100, 01000101

#c28445
```
#c28445 rgb(194,132,69)
```
#4583c2
```
#4583c2 rgb(69,131,194)
```

Complementary Color

#c24645
```
#c24645 rgb(194,70,69)
```
#c28445
```
#c28445 rgb(194,132,69)
```
#c2c245
```
#c2c245 rgb(194,194,69)
```

Analogous Color

#4545c2
```
#4545c2 rgb(69,69,194)
```
#c28445
```
#c28445 rgb(194,132,69)
```
#45c2c2
```
#45c2c2 rgb(69,194,194)
```

Split Complementary Color

#8445c2
```
#8445c2 rgb(132,69,194)
```
#c28445
```
#c28445 rgb(194,132,69)
```
#45c284
```
#45c284 rgb(69,194,132)
```

Triadic Color

#c24583
```
#c24583 rgb(194,69,131)
```
#c28445
```
#c28445 rgb(194,132,69)
```
#45c284
```
#45c284 rgb(69,194,132)
```
#4583c2
```
#4583c2 rgb(69,131,194)
```

Tetradic Color

#8c5e2e
```
#8c5e2e rgb(140,94,46)
```
#a06a34
```
#a06a34 rgb(160,106,52)
```
#b3773b
```
#b3773b rgb(179,119,59)
```
#c28445
```
#c28445 rgb(194,132,69)
```
#c89158
```
#c89158 rgb(200,145,88)
```
#cf9d6b
```
#cf9d6b rgb(207,157,107)
```
#d5aa7f
```
#d5aa7f rgb(213,170,127)
```

Monochromatic Color

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

#c26545
```
#c26545 rgb(194,101,69)
```
#c26f45
```
#c26f45 rgb(194,111,69)
```
#c27a45
```
#c27a45 rgb(194,122,69)
```
#c28445
```
#c28445 rgb(194,132,69)
```
#c28e45
```
#c28e45 rgb(194,142,69)
```
#c29945
```
#c29945 rgb(194,153,69)
```
#c2a345
```
#c2a345 rgb(194,163,69)
```

Similar Colors

Text with hexadecimal color #c28445

This text has a font color of #c28445.

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

#c28445 background color

This paragraph has a background color of #c28445.

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

#c28445 border color

This element has a border color of #c28445.

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

CSS codes

.text {color:#c28445;}

.background {background-color:#c28445;}

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

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

#060402
```
#060402 rgb(6,4,2)
```
#150e07
```
#150e07 rgb(21,14,7)
```
#24180c
```
#24180c rgb(36,24,12)
```
#322211
```
#322211 rgb(50,34,17)
```
#412b15
```
#412b15 rgb(65,43,21)
```
#50351a
```
#50351a rgb(80,53,26)
```
#5f3f1f
```
#5f3f1f rgb(95,63,31)
```
#6d4924
```
#6d4924 rgb(109,73,36)
```
#7c5329
```
#7c5329 rgb(124,83,41)
```
#8b5d2e
```
#8b5d2e rgb(139,93,46)
```
#9a6632
```
#9a6632 rgb(154,102,50)
```
#a97037
```
#a97037 rgb(169,112,55)
```
#b77a3c
```
#b77a3c rgb(183,122,60)
```

Shade Color Variation

#c28445
```
#c28445 rgb(194,132,69)
```
#c78e54
```
#c78e54 rgb(199,142,84)
```
#cc9863
```
#cc9863 rgb(204,152,99)
```
#d1a171
```
#d1a171 rgb(209,161,113)
```
#d5ab80
```
#d5ab80 rgb(213,171,128)
```
#dab58f
```
#dab58f rgb(218,181,143)
```
#dfbf9e
```
#dfbf9e rgb(223,191,158)
```
#e4c8ac
```
#e4c8ac rgb(228,200,172)
```
#e9d2bb
```
#e9d2bb rgb(233,210,187)
```
#eedcca
```
#eedcca rgb(238,220,202)
```
#f2e6d9
```
#f2e6d9 rgb(242,230,217)
```
#f7efe7
```
#f7efe7 rgb(247,239,231)
```
#fcf9f6
```
#fcf9f6 rgb(252,249,246)
```

Tint Color Variation

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

#89847e
```
#89847e rgb(137,132,126)
```
#938475
```
#938475 rgb(147,132,117)
```
#9c846b
```
#9c846b rgb(156,132,107)
```
#a68462
```
#a68462 rgb(166,132,98)
```
#af8458
```
#af8458 rgb(175,132,88)
```
#b9844f
```
#b9844f rgb(185,132,79)
```
#c28445
```
#c28445 rgb(194,132,69)
```
#cc843c
```
#cc843c rgb(204,132,60)
```
#d58432
```
#d58432 rgb(213,132,50)
```
#df8429
```
#df8429 rgb(223,132,41)
```
#e8841f
```
#e8841f rgb(232,132,31)
```
#f28416
```
#f28416 rgb(242,132,22)
```
#fb840c
```
#fb840c rgb(251,132,12)
```

Tone Color Variation

Below, you can see how #c28445 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
#998d80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59752 Protanopia 1% of men
#b8904c Deuteranopia 1% of men
#c9838c Tritanopia 0.001% of the population

Trichromacy

#b0904d Protanomaly 1% of men, 0.01% of women
#bb8b4a Deuteranomaly 6% of men, 0.4% of women
#c78372 Tritanomaly 0.01% of the population