colorhexa.com

#ca672a hex color

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

- R 79
- G 40
- B 16
RGB color chart
- C 0
- M 49
- Y 79
- K 21
CMYK color chart

● #ca672a color description : Strong orange.

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

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

CIE-LAB	54.477, 35.233, 50.088
XYZ	29.626, 22.427, 4.959
xyY	0.52, 0.393, 22.427
CIE-LCH	54.477, 61.239, 54.877
CIE-LUV	54.477, 80.22, 43.599
Hunter-Lab	47.357, 28.794, 26.941
Binary	11001010, 01100111, 00101010

#ca672a
```
#ca672a rgb(202,103,42)
```
#2a8dca
```
#2a8dca rgb(42,141,202)
```

Complementary Color

#ca2a3d
```
#ca2a3d rgb(202,42,61)
```
#ca672a
```
#ca672a rgb(202,103,42)
```
#cab72a
```
#cab72a rgb(202,183,42)
```

Analogous Color

#2a3dca
```
#2a3dca rgb(42,61,202)
```
#ca672a
```
#ca672a rgb(202,103,42)
```
#2acab7
```
#2acab7 rgb(42,202,183)
```

Split Complementary Color

#672aca
```
#672aca rgb(103,42,202)
```
#ca672a
```
#ca672a rgb(202,103,42)
```
#2aca67
```
#2aca67 rgb(42,202,103)
```

Triadic Color

#ca2a8d
```
#ca2a8d rgb(202,42,141)
```
#ca672a
```
#ca672a rgb(202,103,42)
```
#2aca67
```
#2aca67 rgb(42,202,103)
```
#2a8dca
```
#2a8dca rgb(42,141,202)
```

Tetradic Color

#8b471d
```
#8b471d rgb(139,71,29)
```
#a05121
```
#a05121 rgb(160,81,33)
```
#b55c26
```
#b55c26 rgb(181,92,38)
```
#ca672a
```
#ca672a rgb(202,103,42)
```
#d67438
```
#d67438 rgb(214,116,56)
```
#da834d
```
#da834d rgb(218,131,77)
```
#de9162
```
#de9162 rgb(222,145,98)
```

Monochromatic Color

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

#ca3f2a
```
#ca3f2a rgb(202,63,42)
```
#ca4c2a
```
#ca4c2a rgb(202,76,42)
```
#ca5a2a
```
#ca5a2a rgb(202,90,42)
```
#ca672a
```
#ca672a rgb(202,103,42)
```
#ca742a
```
#ca742a rgb(202,116,42)
```
#ca822a
```
#ca822a rgb(202,130,42)
```
#ca8f2a
```
#ca8f2a rgb(202,143,42)
```

Similar Colors

Text with hexadecimal color #ca672a

This text has a font color of #ca672a.

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

#ca672a background color

This paragraph has a background color of #ca672a.

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

#ca672a border color

This element has a border color of #ca672a.

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

CSS codes

.text {color:#ca672a;}

.background {background-color:#ca672a;}

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

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)
```
#381c0c
```
#381c0c rgb(56,28,12)
```
#48250f
```
#48250f rgb(72,37,15)
```
#582d12
```
#582d12 rgb(88,45,18)
```
#693516
```
#693516 rgb(105,53,22)
```
#793e19
```
#793e19 rgb(121,62,25)
```
#89461c
```
#89461c rgb(137,70,28)
```
#994e20
```
#994e20 rgb(153,78,32)
```
#aa5623
```
#aa5623 rgb(170,86,35)
```
#ba5f27
```
#ba5f27 rgb(186,95,39)
```
#ca672a
```
#ca672a rgb(202,103,42)
```

Shade Color Variation

#d57133
```
#d57133 rgb(213,113,51)
```
#d87c43
```
#d87c43 rgb(216,124,67)
```
#db8754
```
#db8754 rgb(219,135,84)
```
#df9364
```
#df9364 rgb(223,147,100)
```
#e29e74
```
#e29e74 rgb(226,158,116)
```
#e5a984
```
#e5a984 rgb(229,169,132)
```
#e9b594
```
#e9b594 rgb(233,181,148)
```
#ecc0a5
```
#ecc0a5 rgb(236,192,165)
```
#f0cbb5
```
#f0cbb5 rgb(240,203,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 #f05e04 is the most saturated one.

#7f7975
```
#7f7975 rgb(127,121,117)
```
#88776c
```
#88776c rgb(136,119,108)
```
#927462
```
#927462 rgb(146,116,98)
```
#9b7259
```
#9b7259 rgb(155,114,89)
```
#a47050
```
#a47050 rgb(164,112,80)
```
#ae6e46
```
#ae6e46 rgb(174,110,70)
```
#b76b3d
```
#b76b3d rgb(183,107,61)
```
#c16933
```
#c16933 rgb(193,105,51)
```
#ca672a
```
#ca672a rgb(202,103,42)
```
#d36521
```
#d36521 rgb(211,101,33)
```
#dd6317
```
#dd6317 rgb(221,99,23)
```
#e6600e
```
#e6600e rgb(230,96,14)
```
#f05e04
```
#f05e04 rgb(240,94,4)
```

Tone Color Variation

Below, you can see how #ca672a 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
#8d796d Atypical Achromatopsia 0.001% of the population

Dichromacy

#97883c Protanopia 1% of men
#a9822d Deuteranopia 1% of men
#cf686f Tritanopia 0.001% of the population

Trichromacy

#a97c35 Protanomaly 1% of men, 0.01% of women
#b5782c Deuteranomaly 6% of men, 0.4% of women
#cd6856 Tritanomaly 0.01% of the population