#ca685e hex color

In a RGB color space, hex #ca685e is composed of 79.2% red, 40.8% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.5% magenta, 53.5% yellow and 20.8% black. It has a hue angle of 5.6 degrees, a saturation of 50.5% and a lightness of 58%. #ca685e color hex could be obtained by blending #ffd0bc with #950000. Closest websafe color is: #cc6666.

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

● #ca685e color description : Moderate red.

The hexadecimal color #ca685e has RGB values of R:202, G:104, B:94 and CMYK values of C:0, M:0.49, Y:0.53, K:0.21. Its decimal value is 13264990.

Hex triplet	ca685e	`#ca685e`
RGB Decimal	202, 104, 94	`rgb(202,104,94)`
RGB Percent	79.2, 40.8, 36.9	`rgb(79.2%,40.8%,36.9%)`
CMYK	0, 49, 53, 21
HSL	5.6°, 50.5, 58	`hsl(5.6,50.5%,58%)`
HSV (or HSB)	5.6°, 53.5, 79.2
Web Safe	cc6666	`#cc6666`

CIE-LAB	55.347, 37.854, 23.455
XYZ	31.329, 23.268, 13.43
xyY	0.461, 0.342, 23.268
CIE-LCH	55.347, 44.532, 31.783
CIE-LUV	55.347, 72.005, 21.229
Hunter-Lab	48.237, 31.517, 17.258
Binary	11001010, 01101000, 01011110

#ca685e
```
#ca685e rgb(202,104,94)
```
#5ec0ca
```
#5ec0ca rgb(94,192,202)
```

Complementary Color

#ca5e8a
```
#ca5e8a rgb(202,94,138)
```
#ca685e
```
#ca685e rgb(202,104,94)
```
#ca9e5e
```
#ca9e5e rgb(202,158,94)
```

Analogous Color

#5e8aca
```
#5e8aca rgb(94,138,202)
```
#ca685e
```
#ca685e rgb(202,104,94)
```
#5eca9e
```
#5eca9e rgb(94,202,158)
```

Split Complementary Color

#685eca
```
#685eca rgb(104,94,202)
```
#ca685e
```
#ca685e rgb(202,104,94)
```
#5eca68
```
#5eca68 rgb(94,202,104)
```

Triadic Color

#ca5ec0
```
#ca5ec0 rgb(202,94,192)
```
#ca685e
```
#ca685e rgb(202,104,94)
```
#5eca68
```
#5eca68 rgb(94,202,104)
```
#5ec0ca
```
#5ec0ca rgb(94,192,202)
```

Tetradic Color

#a54136
```
#a54136 rgb(165,65,54)
```
#b8483d
```
#b8483d rgb(184,72,61)
```
#c4564b
```
#c4564b rgb(196,86,75)
```
#ca685e
```
#ca685e rgb(202,104,94)
```
#d07a71
```
#d07a71 rgb(208,122,113)
```
#d78c84
```
#d78c84 rgb(215,140,132)
```
#dd9e98
```
#dd9e98 rgb(221,158,152)
```

Monochromatic Color

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

#ca5e6f
```
#ca5e6f rgb(202,94,111)
```
#ca5e66
```
#ca5e66 rgb(202,94,102)
```
#ca5f5e
```
#ca5f5e rgb(202,95,94)
```
#ca685e
```
#ca685e rgb(202,104,94)
```
#ca715e
```
#ca715e rgb(202,113,94)
```
#ca7a5e
```
#ca7a5e rgb(202,122,94)
```
#ca835e
```
#ca835e rgb(202,131,94)
```

Similar Colors

Text with hexadecimal color #ca685e

This text has a font color of #ca685e.

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

#ca685e background color

This paragraph has a background color of #ca685e.

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

#ca685e border color

This element has a border color of #ca685e.

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

CSS codes

.text {color:#ca685e;}

.background {background-color:#ca685e;}

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

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 #fbf2f2 is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#100605
```
#100605 rgb(16,6,5)
```
#1f0c0a
```
#1f0c0a rgb(31,12,10)
```
#2e120f
```
#2e120f rgb(46,18,15)
```
#3c1814
```
#3c1814 rgb(60,24,20)
```
#4b1d19
```
#4b1d19 rgb(75,29,25)
```
#5a231e
```
#5a231e rgb(90,35,30)
```
#692922
```
#692922 rgb(105,41,34)
```
#772f27
```
#772f27 rgb(119,47,39)
```
#86342c
```
#86342c rgb(134,52,44)
```
#953a31
```
#953a31 rgb(149,58,49)
```
#a44036
```
#a44036 rgb(164,64,54)
```
#b2463b
```
#b2463b rgb(178,70,59)
```

Shade Color Variation

#c04c40
```
#c04c40 rgb(192,76,64)
```
#c55a4f
```
#c55a4f rgb(197,90,79)
```
#ca685e
```
#ca685e rgb(202,104,94)
```
#cf766d
```
#cf766d rgb(207,118,109)
```
#d4847c
```
#d4847c rgb(212,132,124)
```
#d9928a
```
#d9928a rgb(217,146,138)
```
#dd9f99
```
#dd9f99 rgb(221,159,153)
```
#e2ada8
```
#e2ada8 rgb(226,173,168)
```
#e7bbb7
```
#e7bbb7 rgb(231,187,183)
```
#ecc9c5
```
#ecc9c5 rgb(236,201,197)
```
#f1d7d4
```
#f1d7d4 rgb(241,215,212)
```
#f6e5e3
```
#f6e5e3 rgb(246,229,227)
```
#fbf2f2
```
#fbf2f2 rgb(251,242,242)
```

Tint Color Variation

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

#99908f
```
#99908f rgb(153,144,143)
```
#a18a87
```
#a18a87 rgb(161,138,135)
```
#a9837f
```
#a9837f rgb(169,131,127)
```
#b17c77
```
#b17c77 rgb(177,124,119)
```
#ba756e
```
#ba756e rgb(186,117,110)
```
#c26f66
```
#c26f66 rgb(194,111,102)
```
#ca685e
```
#ca685e rgb(202,104,94)
```
#d26156
```
#d26156 rgb(210,97,86)
```
#da5b4e
```
#da5b4e rgb(218,91,78)
```
#e35445
```
#e35445 rgb(227,84,69)
```
#eb4d3d
```
#eb4d3d rgb(235,77,61)
```
#f34635
```
#f34635 rgb(243,70,53)
```
#fb402d
```
#fb402d rgb(251,64,45)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#927e7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#938a71 Protanopia 1% of men
#a58561 Deuteranopia 1% of men
#cd6d74 Tritanopia 0.001% of the population

Trichromacy

#a77e6a Protanomaly 1% of men, 0.01% of women
#b27a5f Deuteranomaly 6% of men, 0.4% of women
#cc6b6c Tritanomaly 0.01% of the population

#ca685e hex color

#ca685e Color Information

#ca685e Color Conversion

Color Schemes with #ca685e

Alternatives to #ca685e

#ca685e Preview

Shades and Tints of #ca685e

Tones of #ca685e

Color Blindness Simulator