#ca896f hex color

In a RGB color space, hex #ca896f is composed of 79.2% red, 53.7% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.2% magenta, 45% yellow and 20.8% black. It has a hue angle of 17.1 degrees, a saturation of 46.2% and a lightness of 61.4%. #ca896f color hex could be obtained by blending #ffffde with #951300. Closest websafe color is: #cc9966.

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

● #ca896f color description : Slightly desaturated orange.

The hexadecimal color #ca896f has RGB values of R:202, G:137, B:111 and CMYK values of C:0, M:0.32, Y:0.45, K:0.21. Its decimal value is 13273455.

Hex triplet	ca896f	`#ca896f`
RGB Decimal	202, 137, 111	`rgb(202,137,111)`
RGB Percent	79.2, 53.7, 43.5	`rgb(79.2%,53.7%,43.5%)`
CMYK	0, 32, 45, 21
HSL	17.1°, 46.2, 61.4	`hsl(17.1,46.2%,61.4%)`
HSV (or HSB)	17.1°, 45, 79.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	63.009, 21.784, 24.007
XYZ	36.172, 31.598, 19.232
xyY	0.416, 0.363, 31.598
CIE-LCH	63.009, 32.418, 47.78
CIE-LUV	63.009, 46.665, 26.603
Hunter-Lab	56.212, 16.494, 19.063
Binary	11001010, 10001001, 01101111

#ca896f
```
#ca896f rgb(202,137,111)
```
#6fb0ca
```
#6fb0ca rgb(111,176,202)
```

Complementary Color

#ca6f83
```
#ca6f83 rgb(202,111,131)
```
#ca896f
```
#ca896f rgb(202,137,111)
```
#cab76f
```
#cab76f rgb(202,183,111)
```

Analogous Color

#6f83ca
```
#6f83ca rgb(111,131,202)
```
#ca896f
```
#ca896f rgb(202,137,111)
```
#6fcab7
```
#6fcab7 rgb(111,202,183)
```

Split Complementary Color

#896fca
```
#896fca rgb(137,111,202)
```
#ca896f
```
#ca896f rgb(202,137,111)
```
#6fca89
```
#6fca89 rgb(111,202,137)
```

Triadic Color

#ca6fb0
```
#ca6fb0 rgb(202,111,176)
```
#ca896f
```
#ca896f rgb(202,137,111)
```
#6fca89
```
#6fca89 rgb(111,202,137)
```
#6fb0ca
```
#6fb0ca rgb(111,176,202)
```

Tetradic Color

#ad5f40
```
#ad5f40 rgb(173,95,64)
```
#bc6a4a
```
#bc6a4a rgb(188,106,74)
```
#c37a5c
```
#c37a5c rgb(195,122,92)
```
#ca896f
```
#ca896f rgb(202,137,111)
```
#d19882
```
#d19882 rgb(209,152,130)
```
#d8a894
```
#d8a894 rgb(216,168,148)
```
#dfb7a7
```
#dfb7a7 rgb(223,183,167)
```

Monochromatic Color

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

#ca726f
```
#ca726f rgb(202,114,111)
```
#ca7a6f
```
#ca7a6f rgb(202,122,111)
```
#ca816f
```
#ca816f rgb(202,129,111)
```
#ca896f
```
#ca896f rgb(202,137,111)
```
#ca916f
```
#ca916f rgb(202,145,111)
```
#ca986f
```
#ca986f rgb(202,152,111)
```
#caa06f
```
#caa06f rgb(202,160,111)
```

Similar Colors

Text with hexadecimal color #ca896f

This text has a font color of #ca896f.

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

#ca896f background color

This paragraph has a background color of #ca896f.

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

#ca896f border color

This element has a border color of #ca896f.

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

CSS codes

.text {color:#ca896f;}

.background {background-color:#ca896f;}

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

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, #0e0805 is the darkest color, while #fffefe is the lightest one.

#0e0805
```
#0e0805 rgb(14,8,5)
```
#1c0f0a
```
#1c0f0a rgb(28,15,10)
```
#2a1710
```
#2a1710 rgb(42,23,16)
```
#391f15
```
#391f15 rgb(57,31,21)
```
#47271a
```
#47271a rgb(71,39,26)
```
#552f1f
```
#552f1f rgb(85,47,31)
```
#643725
```
#643725 rgb(100,55,37)
```
#723f2a
```
#723f2a rgb(114,63,42)
```
#80462f
```
#80462f rgb(128,70,47)
```
#8f4e35
```
#8f4e35 rgb(143,78,53)
```
#9d563a
```
#9d563a rgb(157,86,58)
```
#ab5e3f
```
#ab5e3f rgb(171,94,63)
```
#ba6644
```
#ba6644 rgb(186,102,68)
```

Shade Color Variation

#bf7252
```
#bf7252 rgb(191,114,82)
```
#c57d61
```
#c57d61 rgb(197,125,97)
```
#ca896f
```
#ca896f rgb(202,137,111)
```
#cf957d
```
#cf957d rgb(207,149,125)
```
#d5a08c
```
#d5a08c rgb(213,160,140)
```
#daac9a
```
#daac9a rgb(218,172,154)
```
#dfb8a8
```
#dfb8a8 rgb(223,184,168)
```
#e4c4b7
```
#e4c4b7 rgb(228,196,183)
```
#eacfc5
```
#eacfc5 rgb(234,207,197)
```
#efdbd3
```
#efdbd3 rgb(239,219,211)
```
#f4e7e2
```
#f4e7e2 rgb(244,231,226)
```
#f9f3f0
```
#f9f3f0 rgb(249,243,240)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#9d9c9c
```
#9d9c9c rgb(157,156,156)
```
#a49995
```
#a49995 rgb(164,153,149)
```
#ac968d
```
#ac968d rgb(172,150,141)
```
#b39386
```
#b39386 rgb(179,147,134)
```
#bb8f7e
```
#bb8f7e rgb(187,143,126)
```
#c28c77
```
#c28c77 rgb(194,140,119)
```
#ca896f
```
#ca896f rgb(202,137,111)
```
#d28667
```
#d28667 rgb(210,134,103)
```
#d98360
```
#d98360 rgb(217,131,96)
```
#e17f58
```
#e17f58 rgb(225,127,88)
```
#e87c51
```
#e87c51 rgb(232,124,81)
```
#f07949
```
#f07949 rgb(240,121,73)
```
#f77642
```
#f77642 rgb(247,118,66)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#a39691 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a79d7c Protanopia 1% of men
#ba9774 Deuteranopia 1% of men
#cf8a94 Tritanopia 0.001% of the population

Trichromacy

#b49677 Protanomaly 1% of men, 0.01% of women
#bf9272 Deuteranomaly 6% of men, 0.4% of women
#cd8a86 Tritanomaly 0.01% of the population

#ca896f hex color

#ca896f Color Information

#ca896f Color Conversion

Color Schemes with #ca896f

Alternatives to #ca896f

#ca896f Preview

Shades and Tints of #ca896f

Tones of #ca896f

Color Blindness Simulator