#ca946f hex color

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

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

● #ca946f color description : Slightly desaturated orange.

The hexadecimal color #ca946f has RGB values of R:202, G:148, B:111 and CMYK values of C:0, M:0.27, Y:0.45, K:0.21. Its decimal value is 13276271.

Hex triplet	ca946f	`#ca946f`
RGB Decimal	202, 148, 111	`rgb(202,148,111)`
RGB Percent	79.2, 58, 43.5	`rgb(79.2%,58%,43.5%)`
CMYK	0, 27, 45, 21
HSL	24.4°, 46.2, 61.4	`hsl(24.4,46.2%,61.4%)`
HSV (or HSB)	24.4°, 45, 79.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	65.66, 15.767, 27.522
XYZ	37.816, 34.886, 19.78
xyY	0.409, 0.377, 34.886
CIE-LCH	65.66, 31.718, 60.192
CIE-LUV	65.66, 39.233, 32.187
Hunter-Lab	59.064, 10.924, 21.49
Binary	11001010, 10010100, 01101111

#ca946f
```
#ca946f rgb(202,148,111)
```
#6fa5ca
```
#6fa5ca rgb(111,165,202)
```

Complementary Color

#ca6f78
```
#ca6f78 rgb(202,111,120)
```
#ca946f
```
#ca946f rgb(202,148,111)
```
#cac26f
```
#cac26f rgb(202,194,111)
```

Analogous Color

#6f78ca
```
#6f78ca rgb(111,120,202)
```
#ca946f
```
#ca946f rgb(202,148,111)
```
#6fcac2
```
#6fcac2 rgb(111,202,194)
```

Split Complementary Color

#946fca
```
#946fca rgb(148,111,202)
```
#ca946f
```
#ca946f rgb(202,148,111)
```
#6fca94
```
#6fca94 rgb(111,202,148)
```

Triadic Color

#ca6fa5
```
#ca6fa5 rgb(202,111,165)
```
#ca946f
```
#ca946f rgb(202,148,111)
```
#6fca94
```
#6fca94 rgb(111,202,148)
```
#6fa5ca
```
#6fa5ca rgb(111,165,202)
```

Tetradic Color

#ad6c40
```
#ad6c40 rgb(173,108,64)
```
#bc784a
```
#bc784a rgb(188,120,74)
```
#c3865c
```
#c3865c rgb(195,134,92)
```
#ca946f
```
#ca946f rgb(202,148,111)
```
#d1a282
```
#d1a282 rgb(209,162,130)
```
#d8b094
```
#d8b094 rgb(216,176,148)
```
#dfbea7
```
#dfbea7 rgb(223,190,167)
```

Monochromatic Color

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

#ca7d6f
```
#ca7d6f rgb(202,125,111)
```
#ca856f
```
#ca856f rgb(202,133,111)
```
#ca8c6f
```
#ca8c6f rgb(202,140,111)
```
#ca946f
```
#ca946f rgb(202,148,111)
```
#ca9c6f
```
#ca9c6f rgb(202,156,111)
```
#caa36f
```
#caa36f rgb(202,163,111)
```
#caab6f
```
#caab6f rgb(202,171,111)
```

Similar Colors

Text with hexadecimal color #ca946f

This text has a font color of #ca946f.

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

#ca946f background color

This paragraph has a background color of #ca946f.

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

#ca946f border color

This element has a border color of #ca946f.

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

CSS codes

.text {color:#ca946f;}

.background {background-color:#ca946f;}

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

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

#0e0905
```
#0e0905 rgb(14,9,5)
```
#1c120a
```
#1c120a rgb(28,18,10)
```
#2a1a10
```
#2a1a10 rgb(42,26,16)
```
#392315
```
#392315 rgb(57,35,21)
```
#472c1a
```
#472c1a rgb(71,44,26)
```
#55351f
```
#55351f rgb(85,53,31)
```
#643e25
```
#643e25 rgb(100,62,37)
```
#72472a
```
#72472a rgb(114,71,42)
```
#80502f
```
#80502f rgb(128,80,47)
```
#8f5935
```
#8f5935 rgb(143,89,53)
```
#9d623a
```
#9d623a rgb(157,98,58)
```
#ab6b3f
```
#ab6b3f rgb(171,107,63)
```
#ba7444
```
#ba7444 rgb(186,116,68)
```

Shade Color Variation

#bf7f52
```
#bf7f52 rgb(191,127,82)
```
#c58961
```
#c58961 rgb(197,137,97)
```
#ca946f
```
#ca946f rgb(202,148,111)
```
#cf9f7d
```
#cf9f7d rgb(207,159,125)
```
#d5a98c
```
#d5a98c rgb(213,169,140)
```
#dab49a
```
#dab49a rgb(218,180,154)
```
#dfbfa8
```
#dfbfa8 rgb(223,191,168)
```
#e4c9b7
```
#e4c9b7 rgb(228,201,183)
```
#ead4c5
```
#ead4c5 rgb(234,212,197)
```
#efdfd3
```
#efdfd3 rgb(239,223,211)
```
#f4e9e2
```
#f4e9e2 rgb(244,233,226)
```
#f9f4f0
```
#f9f4f0 rgb(249,244,240)
```
#fffffe
```
#fffffe rgb(255,255,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 #f78c42 is the most saturated one.

#9d9c9c
```
#9d9c9c rgb(157,156,156)
```
#a49b95
```
#a49b95 rgb(164,155,149)
```
#ac9a8d
```
#ac9a8d rgb(172,154,141)
```
#b39886
```
#b39886 rgb(179,152,134)
```
#bb977e
```
#bb977e rgb(187,151,126)
```
#c29577
```
#c29577 rgb(194,149,119)
```
#ca946f
```
#ca946f rgb(202,148,111)
```
#d29367
```
#d29367 rgb(210,147,103)
```
#d99160
```
#d99160 rgb(217,145,96)
```
#e19058
```
#e19058 rgb(225,144,88)
```
#e88e51
```
#e88e51 rgb(232,142,81)
```
#f08d49
```
#f08d49 rgb(240,141,73)
```
#f78c42
```
#f78c42 rgb(247,140,66)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#a89e96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0a47a Protanopia 1% of men
#c29d75 Deuteranopia 1% of men
#d0949e Tritanopia 0.001% of the population

Trichromacy

#b99e76 Protanomaly 1% of men, 0.01% of women
#c59a72 Deuteranomaly 6% of men, 0.4% of women
#ce948d Tritanomaly 0.01% of the population

#ca946f hex color

#ca946f Color Information

#ca946f Color Conversion

Color Schemes with #ca946f

Alternatives to #ca946f

#ca946f Preview

Shades and Tints of #ca946f

Tones of #ca946f

Color Blindness Simulator