#ca402f hex color

In a RGB color space, hex #ca402f is composed of 79.2% red, 25.1% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.3% magenta, 76.7% yellow and 20.8% black. It has a hue angle of 6.6 degrees, a saturation of 62.2% and a lightness of 48.8%. #ca402f color hex could be obtained by blending #ff805e with #950000. Closest websafe color is: #cc3333.

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

● #ca402f color description : Strong red.

The hexadecimal color #ca402f has RGB values of R:202, G:64, B:47 and CMYK values of C:0, M:0.68, Y:0.77, K:0.21. Its decimal value is 13254703.

Hex triplet	ca402f	`#ca402f`
RGB Decimal	202, 64, 47	`rgb(202,64,47)`
RGB Percent	79.2, 25.1, 18.4	`rgb(79.2%,25.1%,18.4%)`
CMYK	0, 68, 77, 21
HSL	6.6°, 62.2, 48.8	`hsl(6.6,62.2%,48.8%)`
HSV (or HSB)	6.6°, 76.7, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.536, 53.621, 40.629
XYZ	26.705, 16.432, 4.455
xyY	0.561, 0.345, 16.432
CIE-LCH	47.536, 67.275, 37.152
CIE-LUV	47.536, 108.11, 29.516
Hunter-Lab	40.536, 46.657, 21.86
Binary	11001010, 01000000, 00101111

#ca402f
```
#ca402f rgb(202,64,47)
```
#2fb9ca
```
#2fb9ca rgb(47,185,202)
```

Complementary Color

#ca2f6c
```
#ca2f6c rgb(202,47,108)
```
#ca402f
```
#ca402f rgb(202,64,47)
```
#ca8e2f
```
#ca8e2f rgb(202,142,47)
```

Analogous Color

#2f6cca
```
#2f6cca rgb(47,108,202)
```
#ca402f
```
#ca402f rgb(202,64,47)
```
#2fca8e
```
#2fca8e rgb(47,202,142)
```

Split Complementary Color

#402fca
```
#402fca rgb(64,47,202)
```
#ca402f
```
#ca402f rgb(202,64,47)
```
#2fca40
```
#2fca40 rgb(47,202,64)
```

Triadic Color

#ca2fb9
```
#ca2fb9 rgb(202,47,185)
```
#ca402f
```
#ca402f rgb(202,64,47)
```
#2fca40
```
#2fca40 rgb(47,202,64)
```
#2fb9ca
```
#2fb9ca rgb(47,185,202)
```

Tetradic Color

#8c2c21
```
#8c2c21 rgb(140,44,33)
```
#a13325
```
#a13325 rgb(161,51,37)
```
#b5392a
```
#b5392a rgb(181,57,42)
```
#ca402f
```
#ca402f rgb(202,64,47)
```
#d35040
```
#d35040 rgb(211,80,64)
```
#d76355
```
#d76355 rgb(215,99,85)
```
#dc7669
```
#dc7669 rgb(220,118,105)
```

Monochromatic Color

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

#ca2f45
```
#ca2f45 rgb(202,47,69)
```
#ca2f38
```
#ca2f38 rgb(202,47,56)
```
#ca332f
```
#ca332f rgb(202,51,47)
```
#ca402f
```
#ca402f rgb(202,64,47)
```
#ca4d2f
```
#ca4d2f rgb(202,77,47)
```
#ca5a2f
```
#ca5a2f rgb(202,90,47)
```
#ca672f
```
#ca672f rgb(202,103,47)
```

Similar Colors

Text with hexadecimal color #ca402f

This text has a font color of #ca402f.

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

#ca402f background color

This paragraph has a background color of #ca402f.

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

#ca402f border color

This element has a border color of #ca402f.

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

CSS codes

.text {color:#ca402f;}

.background {background-color:#ca402f;}

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

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

#0b0303
```
#0b0303 rgb(11,3,3)
```
#1b0906
```
#1b0906 rgb(27,9,6)
```
#2b0e0a
```
#2b0e0a rgb(43,14,10)
```
#3b130e
```
#3b130e rgb(59,19,14)
```
#4b1811
```
#4b1811 rgb(75,24,17)
```
#5b1d15
```
#5b1d15 rgb(91,29,21)
```
#6b2219
```
#6b2219 rgb(107,34,25)
```
#7a271c
```
#7a271c rgb(122,39,28)
```
#8a2c20
```
#8a2c20 rgb(138,44,32)
```
#9a3124
```
#9a3124 rgb(154,49,36)
```
#aa3628
```
#aa3628 rgb(170,54,40)
```
#ba3b2b
```
#ba3b2b rgb(186,59,43)
```
#ca402f
```
#ca402f rgb(202,64,47)
```

Shade Color Variation

#d14c3b
```
#d14c3b rgb(209,76,59)
```
#d55a4b
```
#d55a4b rgb(213,90,75)
```
#d9695b
```
#d9695b rgb(217,105,91)
```
#dd776b
```
#dd776b rgb(221,119,107)
```
#e0867b
```
#e0867b rgb(224,134,123)
```
#e4958b
```
#e4958b rgb(228,149,139)
```
#e8a39b
```
#e8a39b rgb(232,163,155)
```
#ebb2ab
```
#ebb2ab rgb(235,178,171)
```
#efc0ba
```
#efc0ba rgb(239,192,186)
```
#f3cfca
```
#f3cfca rgb(243,207,202)
```
#f6ddda
```
#f6ddda rgb(246,221,218)
```
#faecea
```
#faecea rgb(250,236,234)
```
#fefbfa
```
#fefbfa rgb(254,251,250)
```

Tint Color Variation

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

#7d7c7c
```
#7d7c7c rgb(125,124,124)
```
#877472
```
#877472 rgb(135,116,114)
```
#916d68
```
#916d68 rgb(145,109,104)
```
#9a655f
```
#9a655f rgb(154,101,95)
```
#a45e55
```
#a45e55 rgb(164,94,85)
```
#ad564c
```
#ad564c rgb(173,86,76)
```
#b74f42
```
#b74f42 rgb(183,79,66)
```
#c04739
```
#c04739 rgb(192,71,57)
```
#ca402f
```
#ca402f rgb(202,64,47)
```
#d43925
```
#d43925 rgb(212,57,37)
```
#dd311c
```
#dd311c rgb(221,49,28)
```
#e72a12
```
#e72a12 rgb(231,42,18)
```
#f02209
```
#f02209 rgb(240,34,9)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#7b5f5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#837847 Protanopia 1% of men
#94722f Deuteranopia 1% of men
#cd474b Tritanopia 0.001% of the population

Trichromacy

#9d633e Protanomaly 1% of men, 0.01% of women
#a8602f Deuteranomaly 6% of men, 0.4% of women
#cc4440 Tritanomaly 0.01% of the population

#ca402f hex color

#ca402f Color Information

#ca402f Color Conversion

Color Schemes with #ca402f

Alternatives to #ca402f

#ca402f Preview

Shades and Tints of #ca402f

Tones of #ca402f

Color Blindness Simulator