#ca700f hex color

In a RGB color space, hex #ca700f is composed of 79.2% red, 43.9% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.6% magenta, 92.6% yellow and 20.8% black. It has a hue angle of 31.1 degrees, a saturation of 86.2% and a lightness of 42.5%. #ca700f color hex could be obtained by blending #ffe01e with #950000. Closest websafe color is: #cc6600.

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

● #ca700f color description : Strong orange.

The hexadecimal color #ca700f has RGB values of R:202, G:112, B:15 and CMYK values of C:0, M:0.45, Y:0.93, K:0.21. Its decimal value is 13266959.

Hex triplet	ca700f	`#ca700f`
RGB Decimal	202, 112, 15	`rgb(202,112,15)`
RGB Percent	79.2, 43.9, 5.9	`rgb(79.2%,43.9%,5.9%)`
CMYK	0, 45, 93, 21
HSL	31.1°, 86.2, 42.5	`hsl(31.1,86.2%,42.5%)`
HSV (or HSB)	31.1°, 92.6, 79.2
Web Safe	cc6600	`#cc6600`

CIE-LAB	56.27, 29.826, 60.847
XYZ	30.239, 24.182, 3.527
xyY	0.522, 0.417, 24.182
CIE-LCH	56.27, 67.764, 63.887
CIE-LUV	56.27, 74.53, 51.917
Hunter-Lab	49.175, 23.706, 30.17
Binary	11001010, 01110000, 00001111

#ca700f
```
#ca700f rgb(202,112,15)
```
#0f69ca
```
#0f69ca rgb(15,105,202)
```

Complementary Color

#ca130f
```
#ca130f rgb(202,19,15)
```
#ca700f
```
#ca700f rgb(202,112,15)
```
#c7ca0f
```
#c7ca0f rgb(199,202,15)
```

Analogous Color

#130fca
```
#130fca rgb(19,15,202)
```
#ca700f
```
#ca700f rgb(202,112,15)
```
#0fc7ca
```
#0fc7ca rgb(15,199,202)
```

Split Complementary Color

#700fca
```
#700fca rgb(112,15,202)
```
#ca700f
```
#ca700f rgb(202,112,15)
```
#0fca70
```
#0fca70 rgb(15,202,112)
```

Triadic Color

#ca0f69
```
#ca0f69 rgb(202,15,105)
```
#ca700f
```
#ca700f rgb(202,112,15)
```
#0fca70
```
#0fca70 rgb(15,202,112)
```
#0f69ca
```
#0f69ca rgb(15,105,202)
```

Tetradic Color

#83490a
```
#83490a rgb(131,73,10)
```
#9b560b
```
#9b560b rgb(155,86,11)
```
#b2630d
```
#b2630d rgb(178,99,13)
```
#ca700f
```
#ca700f rgb(202,112,15)
```
#e27d11
```
#e27d11 rgb(226,125,17)
```
#ee8a1e
```
#ee8a1e rgb(238,138,30)
```
#f09635
```
#f09635 rgb(240,150,53)
```

Monochromatic Color

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

#ca410f
```
#ca410f rgb(202,65,15)
```
#ca510f
```
#ca510f rgb(202,81,15)
```
#ca600f
```
#ca600f rgb(202,96,15)
```
#ca700f
```
#ca700f rgb(202,112,15)
```
#ca800f
```
#ca800f rgb(202,128,15)
```
#ca8f0f
```
#ca8f0f rgb(202,143,15)
```
#ca9f0f
```
#ca9f0f rgb(202,159,15)
```

Similar Colors

Text with hexadecimal color #ca700f

This text has a font color of #ca700f.

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

#ca700f background color

This paragraph has a background color of #ca700f.

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

#ca700f border color

This element has a border color of #ca700f.

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

CSS codes

.text {color:#ca700f;}

.background {background-color:#ca700f;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#130b01
```
#130b01 rgb(19,11,1)
```
#261503
```
#261503 rgb(38,21,3)
```
#381f04
```
#381f04 rgb(56,31,4)
```
#4a2906
```
#4a2906 rgb(74,41,6)
```
#5c3307
```
#5c3307 rgb(92,51,7)
```
#6f3d08
```
#6f3d08 rgb(111,61,8)
```
#81480a
```
#81480a rgb(129,72,10)
```
#93520b
```
#93520b rgb(147,82,11)
```
#a55c0c
```
#a55c0c rgb(165,92,12)
```
#b8660e
```
#b8660e rgb(184,102,14)
```
#ca700f
```
#ca700f rgb(202,112,15)
```
#dc7a10
```
#dc7a10 rgb(220,122,16)
```

Shade Color Variation

#ed8413
```
#ed8413 rgb(237,132,19)
```
#ef8e25
```
#ef8e25 rgb(239,142,37)
```
#f09737
```
#f09737 rgb(240,151,55)
```
#f2a14a
```
#f2a14a rgb(242,161,74)
```
#f3aa5c
```
#f3aa5c rgb(243,170,92)
```
#f4b46e
```
#f4b46e rgb(244,180,110)
```
#f6bd80
```
#f6bd80 rgb(246,189,128)
```
#f7c793
```
#f7c793 rgb(247,199,147)
```
#f8d0a5
```
#f8d0a5 rgb(248,208,165)
```
#fadab7
```
#fadab7 rgb(250,218,183)
```
#fbe3c9
```
#fbe3c9 rgb(251,227,201)
```
#fceddc
```
#fceddc rgb(252,237,220)
```
#fef6ee
```
#fef6ee rgb(254,246,238)
```

Tint Color Variation

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

#6e6d6b
```
#6e6d6b rgb(110,109,107)
```
#776d62
```
#776d62 rgb(119,109,98)
```
#7f6d5a
```
#7f6d5a rgb(127,109,90)
```
#876e52
```
#876e52 rgb(135,110,82)
```
#906e49
```
#906e49 rgb(144,110,73)
```
#986e41
```
#986e41 rgb(152,110,65)
```
#a06e39
```
#a06e39 rgb(160,110,57)
```
#a96f30
```
#a96f30 rgb(169,111,48)
```
#b16f28
```
#b16f28 rgb(177,111,40)
```
#b96f20
```
#b96f20 rgb(185,111,32)
```
#c27017
```
#c27017 rgb(194,112,23)
```
#ca700f
```
#ca700f rgb(202,112,15)
```
#d27007
```
#d27007 rgb(210,112,7)
```

Tone Color Variation

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

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

Trichromacy

#ae821a Protanomaly 1% of men, 0.01% of women
#b97e05 Deuteranomaly 6% of men, 0.4% of women
#ce6f51 Tritanomaly 0.01% of the population

#ca700f hex color

#ca700f Color Information

#ca700f Color Conversion

Color Schemes with #ca700f

Alternatives to #ca700f

#ca700f Preview

Shades and Tints of #ca700f

Tones of #ca700f

Color Blindness Simulator