#ca3400 hex color

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

♥
- f
- t
- g
- R 79
- G 20
- B 0
RGB color chart
- C 0
- M 74
- Y 100
- K 21
CMYK color chart

● #ca3400 color description : Strong orange.

The hexadecimal color #ca3400 has RGB values of R:202, G:52, B:0 and CMYK values of C:0, M:0.74, Y:1, K:0.21. Its decimal value is 13251584.

Hex triplet	ca3400	`#ca3400`
RGB Decimal	202, 52, 0	`rgb(202,52,0)`
RGB Percent	79.2, 20.4, 0	`rgb(79.2%,20.4%,0%)`
CMYK	0, 74, 100, 21
HSL	15.4°, 100, 39.6	`hsl(15.4,100%,39.6%)`
HSV (or HSB)	15.4°, 100, 79.2
Web Safe	cc3300	`#cc3300`

CIE-LAB	45.656, 57.088, 57.82
XYZ	25.586, 15.016, 1.551
xyY	0.607, 0.356, 15.016
CIE-LCH	45.656, 81.253, 45.365
CIE-LUV	45.656, 120.349, 35.993
Hunter-Lab	38.75, 50.05, 24.752
Binary	11001010, 00110100, 00000000

#ca3400
```
#ca3400 rgb(202,52,0)
```
#0096ca
```
#0096ca rgb(0,150,202)
```

Complementary Color

#ca0031
```
#ca0031 rgb(202,0,49)
```
#ca3400
```
#ca3400 rgb(202,52,0)
```
#ca9900
```
#ca9900 rgb(202,153,0)
```

Analogous Color

#0031ca
```
#0031ca rgb(0,49,202)
```
#ca3400
```
#ca3400 rgb(202,52,0)
```
#00ca99
```
#00ca99 rgb(0,202,153)
```

Split Complementary Color

#3400ca
```
#3400ca rgb(52,0,202)
```
#ca3400
```
#ca3400 rgb(202,52,0)
```
#00ca34
```
#00ca34 rgb(0,202,52)
```

Triadic Color

#ca0096
```
#ca0096 rgb(202,0,150)
```
#ca3400
```
#ca3400 rgb(202,52,0)
```
#00ca34
```
#00ca34 rgb(0,202,52)
```
#0096ca
```
#0096ca rgb(0,150,202)
```

Tetradic Color

#7e2000
```
#7e2000 rgb(126,32,0)
```
#972700
```
#972700 rgb(151,39,0)
```
#b12d00
```
#b12d00 rgb(177,45,0)
```
#ca3400
```
#ca3400 rgb(202,52,0)
```
#e43b00
```
#e43b00 rgb(228,59,0)
```
#fd4100
```
#fd4100 rgb(253,65,0)
```
#ff5318
```
#ff5318 rgb(255,83,24)
```

Monochromatic Color

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

#ca0200
```
#ca0200 rgb(202,2,0)
```
#ca1200
```
#ca1200 rgb(202,18,0)
```
#ca2300
```
#ca2300 rgb(202,35,0)
```
#ca3400
```
#ca3400 rgb(202,52,0)
```
#ca4500
```
#ca4500 rgb(202,69,0)
```
#ca5600
```
#ca5600 rgb(202,86,0)
```
#ca6700
```
#ca6700 rgb(202,103,0)
```

Similar Colors

Text with hexadecimal color #ca3400

This text has a font color of #ca3400.

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

#ca3400 background color

This paragraph has a background color of #ca3400.

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

#ca3400 border color

This element has a border color of #ca3400.

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

CSS codes

.text {color:#ca3400;}

.background {background-color:#ca3400;}

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

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 #fff5f1 is the lightest one.

#060200
```
#060200 rgb(6,2,0)
```
#190700
```
#190700 rgb(25,7,0)
```
#2d0c00
```
#2d0c00 rgb(45,12,0)
```
#411100
```
#411100 rgb(65,17,0)
```
#541600
```
#541600 rgb(84,22,0)
```
#681b00
```
#681b00 rgb(104,27,0)
```
#7c2000
```
#7c2000 rgb(124,32,0)
```
#8f2500
```
#8f2500 rgb(143,37,0)
```
#a32a00
```
#a32a00 rgb(163,42,0)
```
#b62f00
```
#b62f00 rgb(182,47,0)
```
#ca3400
```
#ca3400 rgb(202,52,0)
```
#de3900
```
#de3900 rgb(222,57,0)
```
#f13e00
```
#f13e00 rgb(241,62,0)
```

Shade Color Variation

#ff4606
```
#ff4606 rgb(255,70,6)
```
#ff5519
```
#ff5519 rgb(255,85,25)
```
#ff632d
```
#ff632d rgb(255,99,45)
```
#ff7241
```
#ff7241 rgb(255,114,65)
```
#ff8054
```
#ff8054 rgb(255,128,84)
```
#ff8f68
```
#ff8f68 rgb(255,143,104)
```
#ff9d7c
```
#ff9d7c rgb(255,157,124)
```
#ffac8f
```
#ffac8f rgb(255,172,143)
```
#ffbba3
```
#ffbba3 rgb(255,187,163)
```
#ffc9b6
```
#ffc9b6 rgb(255,201,182)
```
#ffd8ca
```
#ffd8ca rgb(255,216,202)
```
#ffe6de
```
#ffe6de rgb(255,230,222)
```
#fff5f1
```
#fff5f1 rgb(255,245,241)
```

Tint Color Variation

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

#6d615d
```
#6d615d rgb(109,97,93)
```
#755d55
```
#755d55 rgb(117,93,85)
```
#7c5a4e
```
#7c5a4e rgb(124,90,78)
```
#845646
```
#845646 rgb(132,86,70)
```
#8c523e
```
#8c523e rgb(140,82,62)
```
#944e36
```
#944e36 rgb(148,78,54)
```
#9b4b2f
```
#9b4b2f rgb(155,75,47)
```
#a34727
```
#a34727 rgb(163,71,39)
```
#ab431f
```
#ab431f rgb(171,67,31)
```
#b33f17
```
#b33f17 rgb(179,63,23)
```
#ba3c10
```
#ba3c10 rgb(186,60,16)
```
#c23808
```
#c23808 rgb(194,56,8)
```
#ca3400
```
#ca3400 rgb(202,52,0)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#715349 Atypical Achromatopsia 0.001% of the population

Dichromacy

#817319 Protanopia 1% of men
#906e00 Deuteranopia 1% of men
#cd3a3c Tritanopia 0.001% of the population

Trichromacy

#9b5c10 Protanomaly 1% of men, 0.01% of women
#a55900 Deuteranomaly 6% of men, 0.4% of women
#cc3826 Tritanomaly 0.01% of the population

#ca3400 hex color

#ca3400 Color Information

#ca3400 Color Conversion

Color Schemes with #ca3400

Alternatives to #ca3400

#ca3400 Preview

Shades and Tints of #ca3400

Tones of #ca3400

Color Blindness Simulator