#ca6d48 hex color

In a RGB color space, hex #ca6d48 is composed of 79.2% red, 42.7% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46% magenta, 64.4% yellow and 20.8% black. It has a hue angle of 17.1 degrees, a saturation of 55.1% and a lightness of 53.7%. #ca6d48 color hex could be obtained by blending #ffda90 with #950000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 79
- G 43
- B 28
RGB color chart
- C 0
- M 46
- Y 64
- K 21
CMYK color chart

● #ca6d48 color description : Moderate orange.

The hexadecimal color #ca6d48 has RGB values of R:202, G:109, B:72 and CMYK values of C:0, M:0.46, Y:0.64, K:0.21. Its decimal value is 13266248.

Hex triplet	ca6d48	`#ca6d48`
RGB Decimal	202, 109, 72	`rgb(202,109,72)`
RGB Percent	79.2, 42.7, 28.2	`rgb(79.2%,42.7%,28.2%)`
CMYK	0, 46, 64, 21
HSL	17.1°, 55.1, 53.7	`hsl(17.1,55.1%,53.7%)`
HSV (or HSB)	17.1°, 64.4, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.052, 33.591, 36.709
XYZ	30.996, 23.964, 9.124
xyY	0.484, 0.374, 23.964
CIE-LCH	56.052, 49.758, 47.539
CIE-LUV	56.052, 72.062, 34.866
Hunter-Lab	48.953, 27.354, 23.217
Binary	11001010, 01101101, 01001000

#ca6d48
```
#ca6d48 rgb(202,109,72)
```
#48a5ca
```
#48a5ca rgb(72,165,202)
```

Complementary Color

#ca4864
```
#ca4864 rgb(202,72,100)
```
#ca6d48
```
#ca6d48 rgb(202,109,72)
```
#caae48
```
#caae48 rgb(202,174,72)
```

Analogous Color

#4864ca
```
#4864ca rgb(72,100,202)
```
#ca6d48
```
#ca6d48 rgb(202,109,72)
```
#48caae
```
#48caae rgb(72,202,174)
```

Split Complementary Color

#6d48ca
```
#6d48ca rgb(109,72,202)
```
#ca6d48
```
#ca6d48 rgb(202,109,72)
```
#48ca6d
```
#48ca6d rgb(72,202,109)
```

Triadic Color

#ca48a5
```
#ca48a5 rgb(202,72,165)
```
#ca6d48
```
#ca6d48 rgb(202,109,72)
```
#48ca6d
```
#48ca6d rgb(72,202,109)
```
#48a5ca
```
#48a5ca rgb(72,165,202)
```

Tetradic Color

#994b2c
```
#994b2c rgb(153,75,44)
```
#ad5532
```
#ad5532 rgb(173,85,50)
```
#c15f38
```
#c15f38 rgb(193,95,56)
```
#ca6d48
```
#ca6d48 rgb(202,109,72)
```
#d07d5c
```
#d07d5c rgb(208,125,92)
```
#d58d70
```
#d58d70 rgb(213,141,112)
```
#db9c83
```
#db9c83 rgb(219,156,131)
```

Monochromatic Color

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

#ca4d48
```
#ca4d48 rgb(202,77,72)
```
#ca5748
```
#ca5748 rgb(202,87,72)
```
#ca6248
```
#ca6248 rgb(202,98,72)
```
#ca6d48
```
#ca6d48 rgb(202,109,72)
```
#ca7848
```
#ca7848 rgb(202,120,72)
```
#ca8348
```
#ca8348 rgb(202,131,72)
```
#ca8e48
```
#ca8e48 rgb(202,142,72)
```

Similar Colors

Text with hexadecimal color #ca6d48

This text has a font color of #ca6d48.

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

#ca6d48 background color

This paragraph has a background color of #ca6d48.

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

#ca6d48 border color

This element has a border color of #ca6d48.

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

CSS codes

.text {color:#ca6d48;}

.background {background-color:#ca6d48;}

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

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

#0f0704
```
#0f0704 rgb(15,7,4)
```
#1e0f09
```
#1e0f09 rgb(30,15,9)
```
#2d160d
```
#2d160d rgb(45,22,13)
```
#3c1e11
```
#3c1e11 rgb(60,30,17)
```
#4c2516
```
#4c2516 rgb(76,37,22)
```
#5b2d1a
```
#5b2d1a rgb(91,45,26)
```
#6a341f
```
#6a341f rgb(106,52,31)
```
#793c23
```
#793c23 rgb(121,60,35)
```
#884328
```
#884328 rgb(136,67,40)
```
#984b2c
```
#984b2c rgb(152,75,44)
```
#a75230
```
#a75230 rgb(167,82,48)
```
#b65a35
```
#b65a35 rgb(182,90,53)
```
#c56139
```
#c56139 rgb(197,97,57)
```

Shade Color Variation

#ca6d48
```
#ca6d48 rgb(202,109,72)
```
#ce7957
```
#ce7957 rgb(206,121,87)
```
#d38566
```
#d38566 rgb(211,133,102)
```
#d79176
```
#d79176 rgb(215,145,118)
```
#dc9e85
```
#dc9e85 rgb(220,158,133)
```
#e0aa94
```
#e0aa94 rgb(224,170,148)
```
#e4b6a3
```
#e4b6a3 rgb(228,182,163)
```
#e9c2b2
```
#e9c2b2 rgb(233,194,178)
```
#edcec2
```
#edcec2 rgb(237,206,194)
```
#f2dad1
```
#f2dad1 rgb(242,218,209)
```
#f6e6e0
```
#f6e6e0 rgb(246,230,224)
```
#faf2ef
```
#faf2ef rgb(250,242,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8a8888
```
#8a8888 rgb(138,136,136)
```
#94847e
```
#94847e rgb(148,132,126)
```
#9d8175
```
#9d8175 rgb(157,129,117)
```
#a67d6c
```
#a67d6c rgb(166,125,108)
```
#af7963
```
#af7963 rgb(175,121,99)
```
#b8755a
```
#b8755a rgb(184,117,90)
```
#c17151
```
#c17151 rgb(193,113,81)
```
#ca6d48
```
#ca6d48 rgb(202,109,72)
```
#d3693f
```
#d3693f rgb(211,105,63)
```
#dc6536
```
#dc6536 rgb(220,101,54)
```
#e5612d
```
#e5612d rgb(229,97,45)
```
#ee5d24
```
#ee5d24 rgb(238,93,36)
```
#f7591b
```
#f7591b rgb(247,89,27)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#938079 Atypical Achromatopsia 0.001% of the population

Dichromacy

#998c59 Protanopia 1% of men
#ab864c Deuteranopia 1% of men
#cf6f77 Tritanopia 0.001% of the population

Trichromacy

#aa8153 Protanomaly 1% of men, 0.01% of women
#b67d4a Deuteranomaly 6% of men, 0.4% of women
#cd6e65 Tritanomaly 0.01% of the population

#ca6d48 hex color

#ca6d48 Color Information

#ca6d48 Color Conversion

Color Schemes with #ca6d48

Alternatives to #ca6d48

#ca6d48 Preview

Shades and Tints of #ca6d48

Tones of #ca6d48

Color Blindness Simulator