#ca400c hex color

In a RGB color space, hex #ca400c is composed of 79.2% red, 25.1% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.3% magenta, 94.1% yellow and 20.8% black. It has a hue angle of 16.4 degrees, a saturation of 88.8% and a lightness of 42%. #ca400c color hex could be obtained by blending #ff8018 with #950000. Closest websafe color is: #cc3300.

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

● #ca400c color description : Strong orange.

The hexadecimal color #ca400c has RGB values of R:202, G:64, B:12 and CMYK values of C:0, M:0.68, Y:0.94, K:0.21. Its decimal value is 13254668.

Hex triplet	ca400c	`#ca400c`
RGB Decimal	202, 64, 12	`rgb(202,64,12)`
RGB Percent	79.2, 25.1, 4.7	`rgb(79.2%,25.1%,4.7%)`
CMYK	0, 68, 94, 21
HSL	16.4°, 88.8, 42	`hsl(16.4,88.8%,42%)`
HSV (or HSB)	16.4°, 94.1, 79.2
Web Safe	cc3300	`#cc3300`

CIE-LAB	47.305, 52.781, 55.491
XYZ	26.258, 16.253, 2.102
xyY	0.589, 0.364, 16.253
CIE-LCH	47.305, 76.584, 46.434
CIE-LUV	47.305, 112.057, 37.489
Hunter-Lab	40.315, 45.71, 25.129
Binary	11001010, 01000000, 00001100

#ca400c
```
#ca400c rgb(202,64,12)
```
#0c96ca
```
#0c96ca rgb(12,150,202)
```

Complementary Color

#ca0c37
```
#ca0c37 rgb(202,12,55)
```
#ca400c
```
#ca400c rgb(202,64,12)
```
#ca9f0c
```
#ca9f0c rgb(202,159,12)
```

Analogous Color

#0c37ca
```
#0c37ca rgb(12,55,202)
```
#ca400c
```
#ca400c rgb(202,64,12)
```
#0cca9f
```
#0cca9f rgb(12,202,159)
```

Split Complementary Color

#400cca
```
#400cca rgb(64,12,202)
```
#ca400c
```
#ca400c rgb(202,64,12)
```
#0cca40
```
#0cca40 rgb(12,202,64)
```

Triadic Color

#ca0c96
```
#ca0c96 rgb(202,12,150)
```
#ca400c
```
#ca400c rgb(202,64,12)
```
#0cca40
```
#0cca40 rgb(12,202,64)
```
#0c96ca
```
#0c96ca rgb(12,150,202)
```

Tetradic Color

#822908
```
#822908 rgb(130,41,8)
```
#9a3109
```
#9a3109 rgb(154,49,9)
```
#b2380b
```
#b2380b rgb(178,56,11)
```
#ca400c
```
#ca400c rgb(202,64,12)
```
#e2480d
```
#e2480d rgb(226,72,13)
```
#f15318
```
#f15318 rgb(241,83,24)
```
#f36530
```
#f36530 rgb(243,101,48)
```

Monochromatic Color

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

#ca100c
```
#ca100c rgb(202,16,12)
```
#ca200c
```
#ca200c rgb(202,32,12)
```
#ca300c
```
#ca300c rgb(202,48,12)
```
#ca400c
```
#ca400c rgb(202,64,12)
```
#ca500c
```
#ca500c rgb(202,80,12)
```
#ca600c
```
#ca600c rgb(202,96,12)
```
#ca700c
```
#ca700c rgb(202,112,12)
```

Similar Colors

Text with hexadecimal color #ca400c

This text has a font color of #ca400c.

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

#ca400c background color

This paragraph has a background color of #ca400c.

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

#ca400c border color

This element has a border color of #ca400c.

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

CSS codes

.text {color:#ca400c;}

.background {background-color:#ca400c;}

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

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

#110501
```
#110501 rgb(17,5,1)
```
#230b02
```
#230b02 rgb(35,11,2)
```
#361103
```
#361103 rgb(54,17,3)
```
#481704
```
#481704 rgb(72,23,4)
```
#5b1d05
```
#5b1d05 rgb(91,29,5)
```
#6d2307
```
#6d2307 rgb(109,35,7)
```
#802908
```
#802908 rgb(128,41,8)
```
#922e09
```
#922e09 rgb(146,46,9)
```
#a5340a
```
#a5340a rgb(165,52,10)
```
#b73a0b
```
#b73a0b rgb(183,58,11)
```
#ca400c
```
#ca400c rgb(202,64,12)
```
#dd460d
```
#dd460d rgb(221,70,13)
```
#ef4c0e
```
#ef4c0e rgb(239,76,14)
```

Shade Color Variation

#f2591f
```
#f2591f rgb(242,89,31)
```
#f36732
```
#f36732 rgb(243,103,50)
```
#f47444
```
#f47444 rgb(244,116,68)
```
#f58257
```
#f58257 rgb(245,130,87)
```
#f69069
```
#f69069 rgb(246,144,105)
```
#f79e7c
```
#f79e7c rgb(247,158,124)
```
#f8ab8e
```
#f8ab8e rgb(248,171,142)
```
#f9b9a1
```
#f9b9a1 rgb(249,185,161)
```
#fbc7b3
```
#fbc7b3 rgb(251,199,179)
```
#fcd5c6
```
#fcd5c6 rgb(252,213,198)
```
#fde2d8
```
#fde2d8 rgb(253,226,216)
```
#fef0eb
```
#fef0eb rgb(254,240,235)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#6f6967
```
#6f6967 rgb(111,105,103)
```
#78655e
```
#78655e rgb(120,101,94)
```
#806256
```
#806256 rgb(128,98,86)
```
#885e4e
```
#885e4e rgb(136,94,78)
```
#905a46
```
#905a46 rgb(144,90,70)
```
#99563d
```
#99563d rgb(153,86,61)
```
#a15335
```
#a15335 rgb(161,83,53)
```
#a94f2d
```
#a94f2d rgb(169,79,45)
```
#b14b25
```
#b14b25 rgb(177,75,37)
```
#ba471c
```
#ba471c rgb(186,71,28)
```
#c24414
```
#c24414 rgb(194,68,20)
```
#ca400c
```
#ca400c rgb(202,64,12)
```
#d23c04
```
#d23c04 rgb(210,60,4)
```

Tone Color Variation

Below, you can see how #ca400c 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
#785c52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#857724 Protanopia 1% of men
#957100 Deuteranopia 1% of men
#cd4548 Tritanopia 0.001% of the population

Trichromacy

#9e631b Protanomaly 1% of men, 0.01% of women
#a85f04 Deuteranomaly 6% of men, 0.4% of women
#cc4332 Tritanomaly 0.01% of the population

#ca400c hex color

#ca400c Color Information

#ca400c Color Conversion

Color Schemes with #ca400c

Alternatives to #ca400c

#ca400c Preview

Shades and Tints of #ca400c

Tones of #ca400c

Color Blindness Simulator