#ca642e hex color

In a RGB color space, hex #ca642e is composed of 79.2% red, 39.2% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.5% magenta, 77.2% yellow and 20.8% black. It has a hue angle of 20.8 degrees, a saturation of 62.9% and a lightness of 48.6%. #ca642e color hex could be obtained by blending #ffc85c with #950000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 79
- G 39
- B 18
RGB color chart
- C 0
- M 50
- Y 77
- K 21
CMYK color chart

● #ca642e color description : Strong orange.

The hexadecimal color #ca642e has RGB values of R:202, G:100, B:46 and CMYK values of C:0, M:0.5, Y:0.77, K:0.21. Its decimal value is 13263918.

Hex triplet	ca642e	`#ca642e`
RGB Decimal	202, 100, 46	`rgb(202,100,46)`
RGB Percent	79.2, 39.2, 18	`rgb(79.2%,39.2%,18%)`
CMYK	0, 50, 77, 21
HSL	20.8°, 62.9, 48.6	`hsl(20.8,62.9%,48.6%)`
HSV (or HSB)	20.8°, 77.2, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.89, 36.931, 47.671
XYZ	29.408, 21.871, 5.257
xyY	0.52, 0.387, 21.871
CIE-LCH	53.89, 60.303, 52.235
CIE-LUV	53.89, 82.195, 41.357
Hunter-Lab	46.766, 30.407, 26.071
Binary	11001010, 01100100, 00101110

#ca642e
```
#ca642e rgb(202,100,46)
```
#2e94ca
```
#2e94ca rgb(46,148,202)
```

Complementary Color

#ca2e46
```
#ca2e46 rgb(202,46,70)
```
#ca642e
```
#ca642e rgb(202,100,46)
```
#cab22e
```
#cab22e rgb(202,178,46)
```

Analogous Color

#2e46ca
```
#2e46ca rgb(46,70,202)
```
#ca642e
```
#ca642e rgb(202,100,46)
```
#2ecab2
```
#2ecab2 rgb(46,202,178)
```

Split Complementary Color

#642eca
```
#642eca rgb(100,46,202)
```
#ca642e
```
#ca642e rgb(202,100,46)
```
#2eca64
```
#2eca64 rgb(46,202,100)
```

Triadic Color

#ca2e94
```
#ca2e94 rgb(202,46,148)
```
#ca642e
```
#ca642e rgb(202,100,46)
```
#2eca64
```
#2eca64 rgb(46,202,100)
```
#2e94ca
```
#2e94ca rgb(46,148,202)
```

Tetradic Color

#8c4520
```
#8c4520 rgb(140,69,32)
```
#a04f25
```
#a04f25 rgb(160,79,37)
```
#b55a29
```
#b55a29 rgb(181,90,41)
```
#ca642e
```
#ca642e rgb(202,100,46)
```
#d3723e
```
#d3723e rgb(211,114,62)
```
#d88153
```
#d88153 rgb(216,129,83)
```
#dd9068
```
#dd9068 rgb(221,144,104)
```

Monochromatic Color

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

#ca3d2e
```
#ca3d2e rgb(202,61,46)
```
#ca4a2e
```
#ca4a2e rgb(202,74,46)
```
#ca572e
```
#ca572e rgb(202,87,46)
```
#ca642e
```
#ca642e rgb(202,100,46)
```
#ca712e
```
#ca712e rgb(202,113,46)
```
#ca7e2e
```
#ca7e2e rgb(202,126,46)
```
#ca8b2e
```
#ca8b2e rgb(202,139,46)
```

Similar Colors

Text with hexadecimal color #ca642e

This text has a font color of #ca642e.

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

#ca642e background color

This paragraph has a background color of #ca642e.

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

#ca642e border color

This element has a border color of #ca642e.

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

CSS codes

.text {color:#ca642e;}

.background {background-color:#ca642e;}

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

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, #0a0502 is the darkest color, while #fefbf9 is the lightest one.

#0a0502
```
#0a0502 rgb(10,5,2)
```
#1a0d06
```
#1a0d06 rgb(26,13,6)
```
#2a150a
```
#2a150a rgb(42,21,10)
```
#3a1d0d
```
#3a1d0d rgb(58,29,13)
```
#4a2511
```
#4a2511 rgb(74,37,17)
```
#5a2d15
```
#5a2d15 rgb(90,45,21)
```
#6a3518
```
#6a3518 rgb(106,53,24)
```
#7a3c1c
```
#7a3c1c rgb(122,60,28)
```
#8a441f
```
#8a441f rgb(138,68,31)
```
#9a4c23
```
#9a4c23 rgb(154,76,35)
```
#aa5427
```
#aa5427 rgb(170,84,39)
```
#ba5c2a
```
#ba5c2a rgb(186,92,42)
```
#ca642e
```
#ca642e rgb(202,100,46)
```

Shade Color Variation

#d26e3a
```
#d26e3a rgb(210,110,58)
```
#d67a4a
```
#d67a4a rgb(214,122,74)
```
#d9865a
```
#d9865a rgb(217,134,90)
```
#dd916a
```
#dd916a rgb(221,145,106)
```
#e19d79
```
#e19d79 rgb(225,157,121)
```
#e4a989
```
#e4a989 rgb(228,169,137)
```
#e8b599
```
#e8b599 rgb(232,181,153)
```
#ecc0a9
```
#ecc0a9 rgb(236,192,169)
```
#efccb9
```
#efccb9 rgb(239,204,185)
```
#f3d8c9
```
#f3d8c9 rgb(243,216,201)
```
#f6e3d9
```
#f6e3d9 rgb(246,227,217)
```
#faefe9
```
#faefe9 rgb(250,239,233)
```
#fefbf9
```
#fefbf9 rgb(254,251,249)
```

Tint Color Variation

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

#7e7b7a
```
#7e7b7a rgb(126,123,122)
```
#877971
```
#877971 rgb(135,121,113)
```
#917667
```
#917667 rgb(145,118,103)
```
#9a735e
```
#9a735e rgb(154,115,94)
```
#a47054
```
#a47054 rgb(164,112,84)
```
#ad6d4b
```
#ad6d4b rgb(173,109,75)
```
#b76a41
```
#b76a41 rgb(183,106,65)
```
#c06738
```
#c06738 rgb(192,103,56)
```
#ca642e
```
#ca642e rgb(202,100,46)
```
#d46124
```
#d46124 rgb(212,97,36)
```
#dd5e1b
```
#dd5e1b rgb(221,94,27)
```
#e75b11
```
#e75b11 rgb(231,91,17)
```
#f05808
```
#f05808 rgb(240,88,8)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#8c776c Atypical Achromatopsia 0.001% of the population

Dichromacy

#958740 Protanopia 1% of men
#a78131 Deuteranopia 1% of men
#cf666c Tritanopia 0.001% of the population

Trichromacy

#a87a39 Protanomaly 1% of men, 0.01% of women
#b47630 Deuteranomaly 6% of men, 0.4% of women
#cd6555 Tritanomaly 0.01% of the population

#ca642e hex color

#ca642e Color Information

#ca642e Color Conversion

Color Schemes with #ca642e

Alternatives to #ca642e

#ca642e Preview

Shades and Tints of #ca642e

Tones of #ca642e

Color Blindness Simulator