#ca682a hex color

In a RGB color space, hex #ca682a is composed of 79.2% red, 40.8% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.5% magenta, 79.2% yellow and 20.8% black. It has a hue angle of 23.3 degrees, a saturation of 65.6% and a lightness of 47.8%. #ca682a color hex could be obtained by blending #ffd054 with #950000. Closest websafe color is: #cc6633.

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

● #ca682a color description : Strong orange.

The hexadecimal color #ca682a has RGB values of R:202, G:104, B:42 and CMYK values of C:0, M:0.49, Y:0.79, K:0.21. Its decimal value is 13264938.

Hex triplet	ca682a	`#ca682a`
RGB Decimal	202, 104, 42	`rgb(202,104,42)`
RGB Percent	79.2, 40.8, 16.5	`rgb(79.2%,40.8%,16.5%)`
CMYK	0, 49, 79, 21
HSL	23.3°, 65.6, 47.8	`hsl(23.3,65.6%,47.8%)`
HSV (or HSB)	23.3°, 79.2, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.686, 34.713, 50.289
XYZ	29.726, 22.627, 4.992
xyY	0.518, 0.395, 22.627
CIE-LCH	54.686, 61.106, 55.384
CIE-LUV	54.686, 79.425, 43.959
Hunter-Lab	47.568, 28.305, 27.075
Binary	11001010, 01101000, 00101010

#ca682a
```
#ca682a rgb(202,104,42)
```
#2a8cca
```
#2a8cca rgb(42,140,202)
```

Complementary Color

#ca2a3c
```
#ca2a3c rgb(202,42,60)
```
#ca682a
```
#ca682a rgb(202,104,42)
```
#cab82a
```
#cab82a rgb(202,184,42)
```

Analogous Color

#2a3cca
```
#2a3cca rgb(42,60,202)
```
#ca682a
```
#ca682a rgb(202,104,42)
```
#2acab8
```
#2acab8 rgb(42,202,184)
```

Split Complementary Color

#682aca
```
#682aca rgb(104,42,202)
```
#ca682a
```
#ca682a rgb(202,104,42)
```
#2aca68
```
#2aca68 rgb(42,202,104)
```

Triadic Color

#ca2a8c
```
#ca2a8c rgb(202,42,140)
```
#ca682a
```
#ca682a rgb(202,104,42)
```
#2aca68
```
#2aca68 rgb(42,202,104)
```
#2a8cca
```
#2a8cca rgb(42,140,202)
```

Tetradic Color

#8b471d
```
#8b471d rgb(139,71,29)
```
#a05221
```
#a05221 rgb(160,82,33)
```
#b55d26
```
#b55d26 rgb(181,93,38)
```
#ca682a
```
#ca682a rgb(202,104,42)
```
#d67538
```
#d67538 rgb(214,117,56)
```
#da844d
```
#da844d rgb(218,132,77)
```
#de9262
```
#de9262 rgb(222,146,98)
```

Monochromatic Color

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

#ca402a
```
#ca402a rgb(202,64,42)
```
#ca4d2a
```
#ca4d2a rgb(202,77,42)
```
#ca5b2a
```
#ca5b2a rgb(202,91,42)
```
#ca682a
```
#ca682a rgb(202,104,42)
```
#ca752a
```
#ca752a rgb(202,117,42)
```
#ca832a
```
#ca832a rgb(202,131,42)
```
#ca902a
```
#ca902a rgb(202,144,42)
```

Similar Colors

Text with hexadecimal color #ca682a

This text has a font color of #ca682a.

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

#ca682a background color

This paragraph has a background color of #ca682a.

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

#ca682a border color

This element has a border color of #ca682a.

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

CSS codes

.text {color:#ca682a;}

.background {background-color:#ca682a;}

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

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

#070401
```
#070401 rgb(7,4,1)
```
#170c05
```
#170c05 rgb(23,12,5)
```
#281408
```
#281408 rgb(40,20,8)
```
#381d0c
```
#381d0c rgb(56,29,12)
```
#48250f
```
#48250f rgb(72,37,15)
```
#582d12
```
#582d12 rgb(88,45,18)
```
#693616
```
#693616 rgb(105,54,22)
```
#793e19
```
#793e19 rgb(121,62,25)
```
#89471c
```
#89471c rgb(137,71,28)
```
#994f20
```
#994f20 rgb(153,79,32)
```
#aa5723
```
#aa5723 rgb(170,87,35)
```
#ba6027
```
#ba6027 rgb(186,96,39)
```
#ca682a
```
#ca682a rgb(202,104,42)
```

Shade Color Variation

#d57233
```
#d57233 rgb(213,114,51)
```
#d87d43
```
#d87d43 rgb(216,125,67)
```
#db8854
```
#db8854 rgb(219,136,84)
```
#df9364
```
#df9364 rgb(223,147,100)
```
#e29f74
```
#e29f74 rgb(226,159,116)
```
#e5aa84
```
#e5aa84 rgb(229,170,132)
```
#e9b594
```
#e9b594 rgb(233,181,148)
```
#ecc0a5
```
#ecc0a5 rgb(236,192,165)
```
#f0ccb5
```
#f0ccb5 rgb(240,204,181)
```
#f3d7c5
```
#f3d7c5 rgb(243,215,197)
```
#f6e2d5
```
#f6e2d5 rgb(246,226,213)
```
#faede6
```
#faede6 rgb(250,237,230)
```
#fdf9f6
```
#fdf9f6 rgb(253,249,246)
```

Tint Color Variation

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

#7f7975
```
#7f7975 rgb(127,121,117)
```
#88776c
```
#88776c rgb(136,119,108)
```
#927562
```
#927562 rgb(146,117,98)
```
#9b7359
```
#9b7359 rgb(155,115,89)
```
#a47050
```
#a47050 rgb(164,112,80)
```
#ae6e46
```
#ae6e46 rgb(174,110,70)
```
#b76c3d
```
#b76c3d rgb(183,108,61)
```
#c16a33
```
#c16a33 rgb(193,106,51)
```
#ca682a
```
#ca682a rgb(202,104,42)
```
#d36621
```
#d36621 rgb(211,102,33)
```
#dd6417
```
#dd6417 rgb(221,100,23)
```
#e6620e
```
#e6620e rgb(230,98,14)
```
#f06004
```
#f06004 rgb(240,96,4)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#8d7a6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#98893c Protanopia 1% of men
#aa822d Deuteranopia 1% of men
#cf6970 Tritanopia 0.001% of the population

Trichromacy

#aa7d35 Protanomaly 1% of men, 0.01% of women
#b5792c Deuteranomaly 6% of men, 0.4% of women
#cd6956 Tritanomaly 0.01% of the population

#ca682a hex color

#ca682a Color Information

#ca682a Color Conversion

Color Schemes with #ca682a

Alternatives to #ca682a

#ca682a Preview

Shades and Tints of #ca682a

Tones of #ca682a

Color Blindness Simulator