#ca6700 hex color

In a RGB color space, hex #ca6700 is composed of 79.2% red, 40.4% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49% magenta, 100% yellow and 20.8% black. It has a hue angle of 30.6 degrees, a saturation of 100% and a lightness of 39.6%. #ca6700 color hex could be obtained by blending #ffce00 with #950000. Closest websafe color is: #cc6600.

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

● #ca6700 color description : Strong orange.

The hexadecimal color #ca6700 has RGB values of R:202, G:103, B:0 and CMYK values of C:0, M:0.49, Y:1, K:0.21. Its decimal value is 13264640.

Hex triplet	ca6700	`#ca6700`
RGB Decimal	202, 103, 0	`rgb(202,103,0)`
RGB Percent	79.2, 40.4, 0	`rgb(79.2%,40.4%,0%)`
CMYK	0, 49, 100, 21
HSL	30.6°, 100, 39.6	`hsl(30.6,100%,39.6%)`
HSV (or HSB)	30.6°, 100, 79.2
Web Safe	cc6600	`#cc6600`

CIE-LAB	54.302, 34.388, 62.47
XYZ	29.209, 22.26, 2.758
xyY	0.539, 0.41, 22.26
CIE-LCH	54.302, 71.309, 61.168
CIE-LUV	54.302, 82.419, 50.194
Hunter-Lab	47.18, 27.941, 29.56
Binary	11001010, 01100111, 00000000

#ca6700
```
#ca6700 rgb(202,103,0)
```
#0063ca
```
#0063ca rgb(0,99,202)
```

Complementary Color

#ca0200
```
#ca0200 rgb(202,2,0)
```
#ca6700
```
#ca6700 rgb(202,103,0)
```
#c8ca00
```
#c8ca00 rgb(200,202,0)
```

Analogous Color

#0200ca
```
#0200ca rgb(2,0,202)
```
#ca6700
```
#ca6700 rgb(202,103,0)
```
#00c8ca
```
#00c8ca rgb(0,200,202)
```

Split Complementary Color

#6700ca
```
#6700ca rgb(103,0,202)
```
#ca6700
```
#ca6700 rgb(202,103,0)
```
#00ca67
```
#00ca67 rgb(0,202,103)
```

Triadic Color

#ca0063
```
#ca0063 rgb(202,0,99)
```
#ca6700
```
#ca6700 rgb(202,103,0)
```
#00ca67
```
#00ca67 rgb(0,202,103)
```
#0063ca
```
#0063ca rgb(0,99,202)
```

Tetradic Color

#7e4000
```
#7e4000 rgb(126,64,0)
```
#974d00
```
#974d00 rgb(151,77,0)
```
#b15a00
```
#b15a00 rgb(177,90,0)
```
#ca6700
```
#ca6700 rgb(202,103,0)
```
#e47400
```
#e47400 rgb(228,116,0)
```
#fd8100
```
#fd8100 rgb(253,129,0)
```
#ff8e18
```
#ff8e18 rgb(255,142,24)
```

Monochromatic Color

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

#ca3500
```
#ca3500 rgb(202,53,0)
```
#ca4500
```
#ca4500 rgb(202,69,0)
```
#ca5600
```
#ca5600 rgb(202,86,0)
```
#ca6700
```
#ca6700 rgb(202,103,0)
```
#ca7800
```
#ca7800 rgb(202,120,0)
```
#ca8900
```
#ca8900 rgb(202,137,0)
```
#ca9a00
```
#ca9a00 rgb(202,154,0)
```

Similar Colors

Text with hexadecimal color #ca6700

This text has a font color of #ca6700.

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

#ca6700 background color

This paragraph has a background color of #ca6700.

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

#ca6700 border color

This element has a border color of #ca6700.

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

CSS codes

.text {color:#ca6700;}

.background {background-color:#ca6700;}

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

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

#060300
```
#060300 rgb(6,3,0)
```
#190d00
```
#190d00 rgb(25,13,0)
```
#2d1700
```
#2d1700 rgb(45,23,0)
```
#412100
```
#412100 rgb(65,33,0)
```
#542b00
```
#542b00 rgb(84,43,0)
```
#683500
```
#683500 rgb(104,53,0)
```
#7c3f00
```
#7c3f00 rgb(124,63,0)
```
#8f4900
```
#8f4900 rgb(143,73,0)
```
#a35300
```
#a35300 rgb(163,83,0)
```
#b65d00
```
#b65d00 rgb(182,93,0)
```
#ca6700
```
#ca6700 rgb(202,103,0)
```
#de7100
```
#de7100 rgb(222,113,0)
```
#f17b00
```
#f17b00 rgb(241,123,0)
```

Shade Color Variation

#ff8506
```
#ff8506 rgb(255,133,6)
```
#ff8f19
```
#ff8f19 rgb(255,143,25)
```
#ff982d
```
#ff982d rgb(255,152,45)
```
#ffa241
```
#ffa241 rgb(255,162,65)
```
#ffab54
```
#ffab54 rgb(255,171,84)
```
#ffb568
```
#ffb568 rgb(255,181,104)
```
#ffbf7c
```
#ffbf7c rgb(255,191,124)
```
#ffc88f
```
#ffc88f rgb(255,200,143)
```
#ffd2a3
```
#ffd2a3 rgb(255,210,163)
```
#ffdbb6
```
#ffdbb6 rgb(255,219,182)
```
#ffe5ca
```
#ffe5ca rgb(255,229,202)
```
#ffefde
```
#ffefde rgb(255,239,222)
```
#fff8f1
```
#fff8f1 rgb(255,248,241)
```

Tint Color Variation

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

#6d655d
```
#6d655d rgb(109,101,93)
```
#756555
```
#756555 rgb(117,101,85)
```
#7c654e
```
#7c654e rgb(124,101,78)
```
#846646
```
#846646 rgb(132,102,70)
```
#8c663e
```
#8c663e rgb(140,102,62)
```
#946636
```
#946636 rgb(148,102,54)
```
#9b662f
```
#9b662f rgb(155,102,47)
```
#a36627
```
#a36627 rgb(163,102,39)
```
#ab661f
```
#ab661f rgb(171,102,31)
```
#b36717
```
#b36717 rgb(179,103,23)
```
#ba6710
```
#ba6710 rgb(186,103,16)
```
#c26708
```
#c26708 rgb(194,103,8)
```
#ca6700
```
#ca6700 rgb(202,103,0)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#897561 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988814 Protanopia 1% of men
#aa8100 Deuteranopia 1% of men
#d0676e Tritanopia 0.001% of the population

Trichromacy

#aa7c0c Protanomaly 1% of men, 0.01% of women
#b57800 Deuteranomaly 6% of men, 0.4% of women
#cd6746 Tritanomaly 0.01% of the population

#ca6700 hex color

#ca6700 Color Information

#ca6700 Color Conversion

Color Schemes with #ca6700

Alternatives to #ca6700

#ca6700 Preview

Shades and Tints of #ca6700

Tones of #ca6700

Color Blindness Simulator