#c5682a hex color

In a RGB color space, hex #c5682a is composed of 77.3% red, 40.8% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.2% magenta, 78.7% yellow and 22.7% black. It has a hue angle of 24 degrees, a saturation of 64.9% and a lightness of 46.9%. #c5682a color hex could be obtained by blending #ffd054 with #8b0000. Closest websafe color is: #cc6633.

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

● #c5682a color description : Strong orange.

The hexadecimal color #c5682a has RGB values of R:197, G:104, B:42 and CMYK values of C:0, M:0.47, Y:0.79, K:0.23. Its decimal value is 12937258.

Hex triplet	c5682a	`#c5682a`
RGB Decimal	197, 104, 42	`rgb(197,104,42)`
RGB Percent	77.3, 40.8, 16.5	`rgb(77.3%,40.8%,16.5%)`
CMYK	0, 47, 79, 23
HSL	24°, 64.9, 46.9	`hsl(24,64.9%,46.9%)`
HSV (or HSB)	24°, 78.7, 77.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.964, 32.682, 49.343
XYZ	28.395, 21.941, 4.93
xyY	0.514, 0.397, 21.941
CIE-LCH	53.964, 59.185, 56.482
CIE-LUV	53.964, 75.234, 43.541
Hunter-Lab	46.841, 26.236, 26.548
Binary	11000101, 01101000, 00101010

#c5682a
```
#c5682a rgb(197,104,42)
```
#2a87c5
```
#2a87c5 rgb(42,135,197)
```

Complementary Color

#c52a39
```
#c52a39 rgb(197,42,57)
```
#c5682a
```
#c5682a rgb(197,104,42)
```
#c5b62a
```
#c5b62a rgb(197,182,42)
```

Analogous Color

#2a39c5
```
#2a39c5 rgb(42,57,197)
```
#c5682a
```
#c5682a rgb(197,104,42)
```
#2ac5b6
```
#2ac5b6 rgb(42,197,182)
```

Split Complementary Color

#682ac5
```
#682ac5 rgb(104,42,197)
```
#c5682a
```
#c5682a rgb(197,104,42)
```
#2ac568
```
#2ac568 rgb(42,197,104)
```

Triadic Color

#c52a87
```
#c52a87 rgb(197,42,135)
```
#c5682a
```
#c5682a rgb(197,104,42)
```
#2ac568
```
#2ac568 rgb(42,197,104)
```
#2a87c5
```
#2a87c5 rgb(42,135,197)
```

Tetradic Color

#86471d
```
#86471d rgb(134,71,29)
```
#9b5221
```
#9b5221 rgb(155,82,33)
```
#b05d26
```
#b05d26 rgb(176,93,38)
```
#c5682a
```
#c5682a rgb(197,104,42)
```
#d47435
```
#d47435 rgb(212,116,53)
```
#d8834a
```
#d8834a rgb(216,131,74)
```
#dd915f
```
#dd915f rgb(221,145,95)
```

Monochromatic Color

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

#c5412a
```
#c5412a rgb(197,65,42)
```
#c54e2a
```
#c54e2a rgb(197,78,42)
```
#c55b2a
```
#c55b2a rgb(197,91,42)
```
#c5682a
```
#c5682a rgb(197,104,42)
```
#c5752a
```
#c5752a rgb(197,117,42)
```
#c5822a
```
#c5822a rgb(197,130,42)
```
#c58f2a
```
#c58f2a rgb(197,143,42)
```

Similar Colors

Text with hexadecimal color #c5682a

This text has a font color of #c5682a.

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

#c5682a background color

This paragraph has a background color of #c5682a.

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

#c5682a border color

This element has a border color of #c5682a.

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

CSS codes

.text {color:#c5682a;}

.background {background-color:#c5682a;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#130a04
```
#130a04 rgb(19,10,4)
```
#231308
```
#231308 rgb(35,19,8)
```
#331b0b
```
#331b0b rgb(51,27,11)
```
#44240e
```
#44240e rgb(68,36,14)
```
#542c12
```
#542c12 rgb(84,44,18)
```
#643515
```
#643515 rgb(100,53,21)
```
#743d19
```
#743d19 rgb(116,61,25)
```
#84461c
```
#84461c rgb(132,70,28)
```
#944e20
```
#944e20 rgb(148,78,32)
```
#a55723
```
#a55723 rgb(165,87,35)
```
#b55f27
```
#b55f27 rgb(181,95,39)
```
#c5682a
```
#c5682a rgb(197,104,42)
```

Shade Color Variation

#d37130
```
#d37130 rgb(211,113,48)
```
#d67c40
```
#d67c40 rgb(214,124,64)
```
#da8750
```
#da8750 rgb(218,135,80)
```
#dd9260
```
#dd9260 rgb(221,146,96)
```
#e19d70
```
#e19d70 rgb(225,157,112)
```
#e4a881
```
#e4a881 rgb(228,168,129)
```
#e8b391
```
#e8b391 rgb(232,179,145)
```
#ebbfa1
```
#ebbfa1 rgb(235,191,161)
```
#eecab1
```
#eecab1 rgb(238,202,177)
```
#f2d5c1
```
#f2d5c1 rgb(242,213,193)
```
#f5e0d1
```
#f5e0d1 rgb(245,224,209)
```
#f9ebe2
```
#f9ebe2 rgb(249,235,226)
```
#fcf6f2
```
#fcf6f2 rgb(252,246,242)
```

Tint Color Variation

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

#7b7774
```
#7b7774 rgb(123,119,116)
```
#85756a
```
#85756a rgb(133,117,106)
```
#8e7361
```
#8e7361 rgb(142,115,97)
```
#977158
```
#977158 rgb(151,113,88)
```
#a06f4f
```
#a06f4f rgb(160,111,79)
```
#a96e46
```
#a96e46 rgb(169,110,70)
```
#b36c3c
```
#b36c3c rgb(179,108,60)
```
#bc6a33
```
#bc6a33 rgb(188,106,51)
```
#c5682a
```
#c5682a rgb(197,104,42)
```
#ce6621
```
#ce6621 rgb(206,102,33)
```
#d76418
```
#d76418 rgb(215,100,24)
```
#e1620e
```
#e1620e rgb(225,98,14)
```
#ea6105
```
#ea6105 rgb(234,97,5)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#8b796c Atypical Achromatopsia 0.001% of the population

Dichromacy

#96873b Protanopia 1% of men
#a8812e Deuteranopia 1% of men
#cb6970 Tritanopia 0.001% of the population

Trichromacy

#a77c35 Protanomaly 1% of men, 0.01% of women
#b2782c Deuteranomaly 6% of men, 0.4% of women
#c86956 Tritanomaly 0.01% of the population

#c5682a hex color

#c5682a Color Information

#c5682a Color Conversion

Color Schemes with #c5682a

Alternatives to #c5682a

#c5682a Preview

Shades and Tints of #c5682a

Tones of #c5682a

Color Blindness Simulator