#ca700c hex color

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

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

● #ca700c color description : Strong orange.

The hexadecimal color #ca700c has RGB values of R:202, G:112, B:12 and CMYK values of C:0, M:0.45, Y:0.94, K:0.21. Its decimal value is 13266956.

Hex triplet	ca700c	`#ca700c`
RGB Decimal	202, 112, 12	`rgb(202,112,12)`
RGB Percent	79.2, 43.9, 4.7	`rgb(79.2%,43.9%,4.7%)`
CMYK	0, 45, 94, 21
HSL	31.6°, 88.8, 42	`hsl(31.6,88.8%,42%)`
HSV (or HSB)	31.6°, 94.1, 79.2
Web Safe	cc6600	`#cc6600`

CIE-LAB	56.262, 29.785, 61.47
XYZ	30.219, 24.174, 3.423
xyY	0.523, 0.418, 24.174
CIE-LCH	56.262, 68.306, 64.148
CIE-LUV	56.262, 74.622, 52.223
Hunter-Lab	49.167, 23.666, 30.29
Binary	11001010, 01110000, 00001100

#ca700c
```
#ca700c rgb(202,112,12)
```
#0c66ca
```
#0c66ca rgb(12,102,202)
```

Complementary Color

#ca110c
```
#ca110c rgb(202,17,12)
```
#ca700c
```
#ca700c rgb(202,112,12)
```
#c5ca0c
```
#c5ca0c rgb(197,202,12)
```

Analogous Color

#110cca
```
#110cca rgb(17,12,202)
```
#ca700c
```
#ca700c rgb(202,112,12)
```
#0cc5ca
```
#0cc5ca rgb(12,197,202)
```

Split Complementary Color

#700cca
```
#700cca rgb(112,12,202)
```
#ca700c
```
#ca700c rgb(202,112,12)
```
#0cca70
```
#0cca70 rgb(12,202,112)
```

Triadic Color

#ca0c66
```
#ca0c66 rgb(202,12,102)
```
#ca700c
```
#ca700c rgb(202,112,12)
```
#0cca70
```
#0cca70 rgb(12,202,112)
```
#0c66ca
```
#0c66ca rgb(12,102,202)
```

Tetradic Color

#824808
```
#824808 rgb(130,72,8)
```
#9a5509
```
#9a5509 rgb(154,85,9)
```
#b2630b
```
#b2630b rgb(178,99,11)
```
#ca700c
```
#ca700c rgb(202,112,12)
```
#e27d0d
```
#e27d0d rgb(226,125,13)
```
#f18a18
```
#f18a18 rgb(241,138,24)
```
#f39630
```
#f39630 rgb(243,150,48)
```

Monochromatic Color

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

#ca400c
```
#ca400c rgb(202,64,12)
```
#ca500c
```
#ca500c rgb(202,80,12)
```
#ca600c
```
#ca600c rgb(202,96,12)
```
#ca700c
```
#ca700c rgb(202,112,12)
```
#ca800c
```
#ca800c rgb(202,128,12)
```
#ca900c
```
#ca900c rgb(202,144,12)
```
#caa00c
```
#caa00c rgb(202,160,12)
```

Similar Colors

Text with hexadecimal color #ca700c

This text has a font color of #ca700c.

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

#ca700c background color

This paragraph has a background color of #ca700c.

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

#ca700c border color

This element has a border color of #ca700c.

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

CSS codes

.text {color:#ca700c;}

.background {background-color:#ca700c;}

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

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

#110901
```
#110901 rgb(17,9,1)
```
#231402
```
#231402 rgb(35,20,2)
```
#361e03
```
#361e03 rgb(54,30,3)
```
#482804
```
#482804 rgb(72,40,4)
```
#5b3205
```
#5b3205 rgb(91,50,5)
```
#6d3d07
```
#6d3d07 rgb(109,61,7)
```
#804708
```
#804708 rgb(128,71,8)
```
#925109
```
#925109 rgb(146,81,9)
```
#a55b0a
```
#a55b0a rgb(165,91,10)
```
#b7660b
```
#b7660b rgb(183,102,11)
```
#ca700c
```
#ca700c rgb(202,112,12)
```
#dd7a0d
```
#dd7a0d rgb(221,122,13)
```
#ef850e
```
#ef850e rgb(239,133,14)
```

Shade Color Variation

#f28e1f
```
#f28e1f rgb(242,142,31)
```
#f39732
```
#f39732 rgb(243,151,50)
```
#f4a144
```
#f4a144 rgb(244,161,68)
```
#f5aa57
```
#f5aa57 rgb(245,170,87)
```
#f6b369
```
#f6b369 rgb(246,179,105)
```
#f7bd7c
```
#f7bd7c rgb(247,189,124)
```
#f8c68e
```
#f8c68e rgb(248,198,142)
```
#f9cfa1
```
#f9cfa1 rgb(249,207,161)
```
#fbd9b3
```
#fbd9b3 rgb(251,217,179)
```
#fce2c6
```
#fce2c6 rgb(252,226,198)
```
#fdebd8
```
#fdebd8 rgb(253,235,216)
```
#fef5eb
```
#fef5eb rgb(254,245,235)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#6f6b67
```
#6f6b67 rgb(111,107,103)
```
#786c5e
```
#786c5e rgb(120,108,94)
```
#806c56
```
#806c56 rgb(128,108,86)
```
#886d4e
```
#886d4e rgb(136,109,78)
```
#906d46
```
#906d46 rgb(144,109,70)
```
#996d3d
```
#996d3d rgb(153,109,61)
```
#a16e35
```
#a16e35 rgb(161,110,53)
```
#a96e2d
```
#a96e2d rgb(169,110,45)
```
#b16f25
```
#b16f25 rgb(177,111,37)
```
#ba6f1c
```
#ba6f1c rgb(186,111,28)
```
#c27014
```
#c27014 rgb(194,112,20)
```
#ca700c
```
#ca700c rgb(202,112,12)
```
#d27004
```
#d27004 rgb(210,112,4)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#8f7d69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8d1f Protanopia 1% of men
#b08600 Deuteranopia 1% of men
#d06f76 Tritanopia 0.001% of the population

Trichromacy

#ae8218 Protanomaly 1% of men, 0.01% of women
#b97e04 Deuteranomaly 6% of men, 0.4% of women
#ce6f50 Tritanomaly 0.01% of the population

#ca700c hex color

#ca700c Color Information

#ca700c Color Conversion

Color Schemes with #ca700c

Alternatives to #ca700c

#ca700c Preview

Shades and Tints of #ca700c

Tones of #ca700c

Color Blindness Simulator