colorhexa.com

#ca693e hex color

In a RGB color space, hex #ca693e is composed of 79.2% red, 41.2% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48% magenta, 69.3% yellow and 20.8% black. It has a hue angle of 18.4 degrees, a saturation of 56.9% and a lightness of 51.8%. #ca693e color hex could be obtained by blending #ffd27c with #950000. Closest websafe color is: #cc6633.

- R 79
- G 41
- B 24
RGB color chart
- C 0
- M 48
- Y 69
- K 21
CMYK color chart

● #ca693e color description : Moderate orange.

The hexadecimal color #ca693e has RGB values of R:202, G:105, B:62 and CMYK values of C:0, M:0.48, Y:0.69, K:0.21. Its decimal value is 13265214.

Hex triplet	ca693e	`#ca693e`
RGB Decimal	202, 105, 62	`rgb(202,105,62)`
RGB Percent	79.2, 41.2, 24.3	`rgb(79.2%,41.2%,24.3%)`
CMYK	0, 48, 69, 21
HSL	18.4°, 56.9, 51.8	`hsl(18.4,56.9%,51.8%)`
HSV (or HSB)	18.4°, 69.3, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.083, 35.094, 40.923
XYZ	30.279, 23.01, 7.404
xyY	0.499, 0.379, 23.01
CIE-LCH	55.083, 53.91, 49.385
CIE-LUV	55.083, 76.438, 37.566
Hunter-Lab	47.969, 28.728, 24.427
Binary	11001010, 01101001, 00111110

#ca693e
```
#ca693e rgb(202,105,62)
```
#3e9fca
```
#3e9fca rgb(62,159,202)
```

Complementary Color

#ca3e59
```
#ca3e59 rgb(202,62,89)
```
#ca693e
```
#ca693e rgb(202,105,62)
```
#caaf3e
```
#caaf3e rgb(202,175,62)
```

Analogous Color

#3e59ca
```
#3e59ca rgb(62,89,202)
```
#ca693e
```
#ca693e rgb(202,105,62)
```
#3ecaaf
```
#3ecaaf rgb(62,202,175)
```

Split Complementary Color

#693eca
```
#693eca rgb(105,62,202)
```
#ca693e
```
#ca693e rgb(202,105,62)
```
#3eca69
```
#3eca69 rgb(62,202,105)
```

Triadic Color

#ca3e9f
```
#ca3e9f rgb(202,62,159)
```
#ca693e
```
#ca693e rgb(202,105,62)
```
#3eca69
```
#3eca69 rgb(62,202,105)
```
#3e9fca
```
#3e9fca rgb(62,159,202)
```

Tetradic Color

#934928
```
#934928 rgb(147,73,40)
```
#a7532e
```
#a7532e rgb(167,83,46)
```
#bb5d33
```
#bb5d33 rgb(187,93,51)
```
#ca693e
```
#ca693e rgb(202,105,62)
```
#cf7952
```
#cf7952 rgb(207,121,82)
```
#d58866
```
#d58866 rgb(213,136,102)
```
#da987a
```
#da987a rgb(218,152,122)
```

Monochromatic Color

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

#ca463e
```
#ca463e rgb(202,70,62)
```
#ca523e
```
#ca523e rgb(202,82,62)
```
#ca5d3e
```
#ca5d3e rgb(202,93,62)
```
#ca693e
```
#ca693e rgb(202,105,62)
```
#ca753e
```
#ca753e rgb(202,117,62)
```
#ca803e
```
#ca803e rgb(202,128,62)
```
#ca8c3e
```
#ca8c3e rgb(202,140,62)
```

Similar Colors

Text with hexadecimal color #ca693e

This text has a font color of #ca693e.

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

#ca693e background color

This paragraph has a background color of #ca693e.

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

#ca693e border color

This element has a border color of #ca693e.

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

CSS codes

.text {color:#ca693e;}

.background {background-color:#ca693e;}

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

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

#070402
```
#070402 rgb(7,4,2)
```
#160b06
```
#160b06 rgb(22,11,6)
```
#26130a
```
#26130a rgb(38,19,10)
```
#351a0f
```
#351a0f rgb(53,26,15)
```
#452213
```
#452213 rgb(69,34,19)
```
#542a17
```
#542a17 rgb(84,42,23)
```
#63311b
```
#63311b rgb(99,49,27)
```
#733920
```
#733920 rgb(115,57,32)
```
#824124
```
#824124 rgb(130,65,36)
```
#924828
```
#924828 rgb(146,72,40)
```
#a1502c
```
#a1502c rgb(161,80,44)
```
#b05830
```
#b05830 rgb(176,88,48)
```
#c05f35
```
#c05f35 rgb(192,95,53)
```

Shade Color Variation

#ca693e
```
#ca693e rgb(202,105,62)
```
#ce754d
```
#ce754d rgb(206,117,77)
```
#d2815d
```
#d2815d rgb(210,129,93)
```
#d78d6c
```
#d78d6c rgb(215,141,108)
```
#db997c
```
#db997c rgb(219,153,124)
```
#dfa58b
```
#dfa58b rgb(223,165,139)
```
#e3b19a
```
#e3b19a rgb(227,177,154)
```
#e8bdaa
```
#e8bdaa rgb(232,189,170)
```
#ecc9b9
```
#ecc9b9 rgb(236,201,185)
```
#f0d5c9
```
#f0d5c9 rgb(240,213,201)
```
#f4e1d8
```
#f4e1d8 rgb(244,225,216)
```
#f8ede7
```
#f8ede7 rgb(248,237,231)
```
#fdf9f7
```
#fdf9f7 rgb(253,249,247)
```

Tint Color Variation

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

#888380
```
#888380 rgb(136,131,128)
```
#917f77
```
#917f77 rgb(145,127,119)
```
#9b7b6d
```
#9b7b6d rgb(155,123,109)
```
#a47864
```
#a47864 rgb(164,120,100)
```
#ae745a
```
#ae745a rgb(174,116,90)
```
#b77051
```
#b77051 rgb(183,112,81)
```
#c16d47
```
#c16d47 rgb(193,109,71)
```
#ca693e
```
#ca693e rgb(202,105,62)
```
#d36535
```
#d36535 rgb(211,101,53)
```
#dd622b
```
#dd622b rgb(221,98,43)
```
#e65e22
```
#e65e22 rgb(230,94,34)
```
#f05a18
```
#f05a18 rgb(240,90,24)
```
#f9570f
```
#f9570f rgb(249,87,15)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#907c74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#978a50 Protanopia 1% of men
#a98442 Deuteranopia 1% of men
#cf6b72 Tritanopia 0.001% of the population

Trichromacy

#a97e49 Protanomaly 1% of men, 0.01% of women
#b57a40 Deuteranomaly 6% of men, 0.4% of women
#cd6a5f Tritanomaly 0.01% of the population