colorhexa.com

#ca4200 hex color

In a RGB color space, hex #ca4200 is composed of 79.2% red, 25.9% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.3% magenta, 100% yellow and 20.8% black. It has a hue angle of 19.6 degrees, a saturation of 100% and a lightness of 39.6%. #ca4200 color hex could be obtained by blending #ff8400 with #950000. Closest websafe color is: #cc3300.

- R 79
- G 26
- B 0
RGB color chart
- C 0
- M 67
- Y 100
- K 21
CMYK color chart

● #ca4200 color description : Strong orange.

The hexadecimal color #ca4200 has RGB values of R:202, G:66, B:0 and CMYK values of C:0, M:0.67, Y:1, K:0.21. Its decimal value is 13255168.

Hex triplet	ca4200	`#ca4200`
RGB Decimal	202, 66, 0	`rgb(202,66,0)`
RGB Percent	79.2, 25.9, 0	`rgb(79.2%,25.9%,0%)`
CMYK	0, 67, 100, 21
HSL	19.6°, 100, 39.6	`hsl(19.6,100%,39.6%)`
HSV (or HSB)	19.6°, 100, 79.2
Web Safe	cc3300	`#cc3300`

CIE-LAB	47.567, 51.849, 58.733
XYZ	26.307, 16.456, 1.791
xyY	0.59, 0.369, 16.456
CIE-LCH	47.567, 78.345, 48.562
CIE-LUV	47.567, 111.286, 39.216
Hunter-Lab	40.566, 44.765, 25.778
Binary	11001010, 01000010, 00000000

#ca4200
```
#ca4200 rgb(202,66,0)
```
#0088ca
```
#0088ca rgb(0,136,202)
```

Complementary Color

#ca0023
```
#ca0023 rgb(202,0,35)
```
#ca4200
```
#ca4200 rgb(202,66,0)
```
#caa700
```
#caa700 rgb(202,167,0)
```

Analogous Color

#0023ca
```
#0023ca rgb(0,35,202)
```
#ca4200
```
#ca4200 rgb(202,66,0)
```
#00caa7
```
#00caa7 rgb(0,202,167)
```

Split Complementary Color

#7e2900
```
#7e2900 rgb(126,41,0)
```
#973100
```
#973100 rgb(151,49,0)
```
#b13a00
```
#b13a00 rgb(177,58,0)
```
#ca4200
```
#ca4200 rgb(202,66,0)
```
#e44a00
```
#e44a00 rgb(228,74,0)
```
#fd5300
```
#fd5300 rgb(253,83,0)
```
#ff6318
```
#ff6318 rgb(255,99,24)
```

Monochromatic Color

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

#ca1000
```
#ca1000 rgb(202,16,0)
```
#ca2000
```
#ca2000 rgb(202,32,0)
```
#ca3100
```
#ca3100 rgb(202,49,0)
```
#ca4200
```
#ca4200 rgb(202,66,0)
```
#ca5300
```
#ca5300 rgb(202,83,0)
```
#ca6400
```
#ca6400 rgb(202,100,0)
```
#ca7500
```
#ca7500 rgb(202,117,0)
```

Similar Colors

Text with hexadecimal color #ca4200

This text has a font color of #ca4200.

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

#ca4200 background color

This paragraph has a background color of #ca4200.

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

#ca4200 border color

This element has a border color of #ca4200.

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

CSS codes

.text {color:#ca4200;}

.background {background-color:#ca4200;}

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

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

#060200
```
#060200 rgb(6,2,0)
```
#190800
```
#190800 rgb(25,8,0)
```
#2d0f00
```
#2d0f00 rgb(45,15,0)
```
#411500
```
#411500 rgb(65,21,0)
```
#541c00
```
#541c00 rgb(84,28,0)
```
#682200
```
#682200 rgb(104,34,0)
```
#7c2800
```
#7c2800 rgb(124,40,0)
```
#8f2f00
```
#8f2f00 rgb(143,47,0)
```
#a33500
```
#a33500 rgb(163,53,0)
```
#b63c00
```
#b63c00 rgb(182,60,0)
```
#ca4200
```
#ca4200 rgb(202,66,0)
```
#de4800
```
#de4800 rgb(222,72,0)
```
#f14f00
```
#f14f00 rgb(241,79,0)
```

Shade Color Variation

#ff5706
```
#ff5706 rgb(255,87,6)
```
#ff6419
```
#ff6419 rgb(255,100,25)
```
#ff722d
```
#ff722d rgb(255,114,45)
```
#ff7f41
```
#ff7f41 rgb(255,127,65)
```
#ff8c54
```
#ff8c54 rgb(255,140,84)
```
#ff9968
```
#ff9968 rgb(255,153,104)
```
#ffa67c
```
#ffa67c rgb(255,166,124)
```
#ffb48f
```
#ffb48f rgb(255,180,143)
```
#ffc1a3
```
#ffc1a3 rgb(255,193,163)
```
#ffceb6
```
#ffceb6 rgb(255,206,182)
```
#ffdbca
```
#ffdbca rgb(255,219,202)
```
#ffe9de
```
#ffe9de rgb(255,233,222)
```
#fff6f1
```
#fff6f1 rgb(255,246,241)
```

Tint Color Variation

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

#6d625d
```
#6d625d rgb(109,98,93)
```
#756055
```
#756055 rgb(117,96,85)
```
#7c5d4e
```
#7c5d4e rgb(124,93,78)
```
#845a46
```
#845a46 rgb(132,90,70)
```
#8c583e
```
#8c583e rgb(140,88,62)
```
#945536
```
#945536 rgb(148,85,54)
```
#9b522f
```
#9b522f rgb(155,82,47)
```
#a34f27
```
#a34f27 rgb(163,79,39)
```
#ab4d1f
```
#ab4d1f rgb(171,77,31)
```
#b34a17
```
#b34a17 rgb(179,74,23)
```
#ba4710
```
#ba4710 rgb(186,71,16)
```
#c24508
```
#c24508 rgb(194,69,8)
```
#ca4200
```
#ca4200 rgb(202,66,0)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#785c4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#867817 Protanopia 1% of men
#967200 Deuteranopia 1% of men
#ce474a Tritanopia 0.001% of the population

Trichromacy

#9f640f Protanomaly 1% of men, 0.01% of women
#a96000 Deuteranomaly 6% of men, 0.4% of women
#cc452f Tritanomaly 0.01% of the population