#ca985f hex color

In a RGB color space, hex #ca985f is composed of 79.2% red, 59.6% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.8% magenta, 53% yellow and 20.8% black. It has a hue angle of 32 degrees, a saturation of 50.2% and a lightness of 58.2%. #ca985f color hex could be obtained by blending #ffffbe with #953100. Closest websafe color is: #cc9966.

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

● #ca985f color description : Moderate orange.

The hexadecimal color #ca985f has RGB values of R:202, G:152, B:95 and CMYK values of C:0, M:0.25, Y:0.53, K:0.21. Its decimal value is 13277279.

Hex triplet	ca985f	`#ca985f`
RGB Decimal	202, 152, 95	`rgb(202,152,95)`
RGB Percent	79.2, 59.6, 37.3	`rgb(79.2%,59.6%,37.3%)`
CMYK	0, 25, 53, 21
HSL	32°, 50.2, 58.2	`hsl(32,50.2%,58.2%)`
HSV (or HSB)	32°, 53, 79.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	66.398, 12.047, 37.055
XYZ	37.651, 35.841, 15.761
xyY	0.422, 0.402, 35.841
CIE-LCH	66.398, 38.964, 71.99
CIE-LUV	66.398, 38.046, 42.992
Hunter-Lab	59.867, 7.493, 26.298
Binary	11001010, 10011000, 01011111

#ca985f
```
#ca985f rgb(202,152,95)
```
#5f91ca
```
#5f91ca rgb(95,145,202)
```

Complementary Color

#ca635f
```
#ca635f rgb(202,99,95)
```
#ca985f
```
#ca985f rgb(202,152,95)
```
#c7ca5f
```
#c7ca5f rgb(199,202,95)
```

Analogous Color

#625fca
```
#625fca rgb(98,95,202)
```
#ca985f
```
#ca985f rgb(202,152,95)
```
#5fc7ca
```
#5fc7ca rgb(95,199,202)
```

Split Complementary Color

#985fca
```
#985fca rgb(152,95,202)
```
#ca985f
```
#ca985f rgb(202,152,95)
```
#5fca98
```
#5fca98 rgb(95,202,152)
```

Triadic Color

#ca5f91
```
#ca5f91 rgb(202,95,145)
```
#ca985f
```
#ca985f rgb(202,152,95)
```
#5fca98
```
#5fca98 rgb(95,202,152)
```
#5f91ca
```
#5f91ca rgb(95,145,202)
```

Tetradic Color

#a67237
```
#a67237 rgb(166,114,55)
```
#b97f3d
```
#b97f3d rgb(185,127,61)
```
#c48c4c
```
#c48c4c rgb(196,140,76)
```
#ca985f
```
#ca985f rgb(202,152,95)
```
#d0a472
```
#d0a472 rgb(208,164,114)
```
#d7b185
```
#d7b185 rgb(215,177,133)
```
#ddbd98
```
#ddbd98 rgb(221,189,152)
```

Monochromatic Color

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

#ca7d5f
```
#ca7d5f rgb(202,125,95)
```
#ca865f
```
#ca865f rgb(202,134,95)
```
#ca8f5f
```
#ca8f5f rgb(202,143,95)
```
#ca985f
```
#ca985f rgb(202,152,95)
```
#caa15f
```
#caa15f rgb(202,161,95)
```
#caaa5f
```
#caaa5f rgb(202,170,95)
```
#cab35f
```
#cab35f rgb(202,179,95)
```

Similar Colors

Text with hexadecimal color #ca985f

This text has a font color of #ca985f.

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

#ca985f background color

This paragraph has a background color of #ca985f.

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

#ca985f border color

This element has a border color of #ca985f.

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

CSS codes

.text {color:#ca985f;}

.background {background-color:#ca985f;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#110c06
```
#110c06 rgb(17,12,6)
```
#20160a
```
#20160a rgb(32,22,10)
```
#2e200f
```
#2e200f rgb(46,32,15)
```
#3d2a14
```
#3d2a14 rgb(61,42,20)
```
#4c3419
```
#4c3419 rgb(76,52,25)
```
#5a3e1e
```
#5a3e1e rgb(90,62,30)
```
#694823
```
#694823 rgb(105,72,35)
```
#785228
```
#785228 rgb(120,82,40)
```
#875d2d
```
#875d2d rgb(135,93,45)
```
#956731
```
#956731 rgb(149,103,49)
```
#a47136
```
#a47136 rgb(164,113,54)
```
#b37b3b
```
#b37b3b rgb(179,123,59)
```

Shade Color Variation

#c08542
```
#c08542 rgb(192,133,66)
```
#c58f50
```
#c58f50 rgb(197,143,80)
```
#ca985f
```
#ca985f rgb(202,152,95)
```
#cfa16e
```
#cfa16e rgb(207,161,110)
```
#d4ab7c
```
#d4ab7c rgb(212,171,124)
```
#d9b48b
```
#d9b48b rgb(217,180,139)
```
#debe9a
```
#debe9a rgb(222,190,154)
```
#e2c7a9
```
#e2c7a9 rgb(226,199,169)
```
#e7d1b7
```
#e7d1b7 rgb(231,209,183)
```
#ecdac6
```
#ecdac6 rgb(236,218,198)
```
#f1e4d5
```
#f1e4d5 rgb(241,228,213)
```
#f6ede4
```
#f6ede4 rgb(246,237,228)
```
#fbf7f2
```
#fbf7f2 rgb(251,247,242)
```

Tint Color Variation

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

#999590
```
#999590 rgb(153,149,144)
```
#a19588
```
#a19588 rgb(161,149,136)
```
#a99680
```
#a99680 rgb(169,150,128)
```
#b19678
```
#b19678 rgb(177,150,120)
```
#ba976f
```
#ba976f rgb(186,151,111)
```
#c29767
```
#c29767 rgb(194,151,103)
```
#ca985f
```
#ca985f rgb(202,152,95)
```
#d29957
```
#d29957 rgb(210,153,87)
```
#da994f
```
#da994f rgb(218,153,79)
```
#e39a46
```
#e39a46 rgb(227,154,70)
```
#eb9a3e
```
#eb9a3e rgb(235,154,62)
```
#f39b36
```
#f39b36 rgb(243,155,54)
```
#fb9b2e
```
#fb9b2e rgb(251,155,46)
```

Tone Color Variation

Below, you can see how #ca985f 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
#a89e93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a66a Protanopia 1% of men
#c89f66 Deuteranopia 1% of men
#d296a0 Tritanopia 0.001% of the population

Trichromacy

#bca166 Protanomaly 1% of men, 0.01% of women
#c89c63 Deuteranomaly 6% of men, 0.4% of women
#cf9688 Tritanomaly 0.01% of the population

#ca985f hex color

#ca985f Color Information

#ca985f Color Conversion

Color Schemes with #ca985f

Alternatives to #ca985f

#ca985f Preview

Shades and Tints of #ca985f

Tones of #ca985f

Color Blindness Simulator