#c4986a hex color

In a RGB color space, hex #c4986a is composed of 76.9% red, 59.6% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.4% magenta, 45.9% yellow and 23.1% black. It has a hue angle of 30.7 degrees, a saturation of 43.3% and a lightness of 59.2%. #c4986a color hex could be obtained by blending #ffffd4 with #893100. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 77
- G 60
- B 42
RGB color chart
- C 0
- M 22
- Y 46
- K 23
CMYK color chart

● #c4986a color description : Slightly desaturated orange.

The hexadecimal color #c4986a has RGB values of R:196, G:152, B:106 and CMYK values of C:0, M:0.22, Y:0.46, K:0.23. Its decimal value is 12884074.

Hex triplet	c4986a	`#c4986a`
RGB Decimal	196, 152, 106	`rgb(196,152,106)`
RGB Percent	76.9, 59.6, 41.6	`rgb(76.9%,59.6%,41.6%)`
CMYK	0, 22, 46, 23
HSL	30.7°, 43.3, 59.2	`hsl(30.7,43.3%,59.2%)`
HSV (or HSB)	30.7°, 45.9, 76.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	65.931, 10.595, 30.47
XYZ	36.595, 35.234, 18.508
xyY	0.405, 0.39, 35.234
CIE-LCH	65.931, 32.26, 70.826
CIE-LUV	65.931, 32.582, 36.518
Hunter-Lab	59.359, 6.169, 23.064
Binary	11000100, 10011000, 01101010

#c4986a
```
#c4986a rgb(196,152,106)
```
#6a96c4
```
#6a96c4 rgb(106,150,196)
```

Complementary Color

#c46b6a
```
#c46b6a rgb(196,107,106)
```
#c4986a
```
#c4986a rgb(196,152,106)
```
#c3c46a
```
#c3c46a rgb(195,196,106)
```

Analogous Color

#6b6ac4
```
#6b6ac4 rgb(107,106,196)
```
#c4986a
```
#c4986a rgb(196,152,106)
```
#6ac3c4
```
#6ac3c4 rgb(106,195,196)
```

Split Complementary Color

#986ac4
```
#986ac4 rgb(152,106,196)
```
#c4986a
```
#c4986a rgb(196,152,106)
```
#6ac498
```
#6ac498 rgb(106,196,152)
```

Triadic Color

#c46a96
```
#c46a96 rgb(196,106,150)
```
#c4986a
```
#c4986a rgb(196,152,106)
```
#6ac498
```
#6ac498 rgb(106,196,152)
```
#6a96c4
```
#6a96c4 rgb(106,150,196)
```

Tetradic Color

#a27240
```
#a27240 rgb(162,114,64)
```
#b47f47
```
#b47f47 rgb(180,127,71)
```
#bd8b58
```
#bd8b58 rgb(189,139,88)
```
#c4986a
```
#c4986a rgb(196,152,106)
```
#cba57c
```
#cba57c rgb(203,165,124)
```
#d2b18f
```
#d2b18f rgb(210,177,143)
```
#dabea1
```
#dabea1 rgb(218,190,161)
```

Monochromatic Color

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

#c4826a
```
#c4826a rgb(196,130,106)
```
#c4896a
```
#c4896a rgb(196,137,106)
```
#c4916a
```
#c4916a rgb(196,145,106)
```
#c4986a
```
#c4986a rgb(196,152,106)
```
#c4a06a
```
#c4a06a rgb(196,160,106)
```
#c4a76a
```
#c4a76a rgb(196,167,106)
```
#c4af6a
```
#c4af6a rgb(196,175,106)
```

Similar Colors

Text with hexadecimal color #c4986a

This text has a font color of #c4986a.

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

#c4986a background color

This paragraph has a background color of #c4986a.

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

#c4986a border color

This element has a border color of #c4986a.

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

CSS codes

.text {color:#c4986a;}

.background {background-color:#c4986a;}

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

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

#060402
```
#060402 rgb(6,4,2)
```
#140e08
```
#140e08 rgb(20,14,8)
```
#22180d
```
#22180d rgb(34,24,13)
```
#302213
```
#302213 rgb(48,34,19)
```
#3e2c18
```
#3e2c18 rgb(62,44,24)
```
#4c351e
```
#4c351e rgb(76,53,30)
```
#5a3f24
```
#5a3f24 rgb(90,63,36)
```
#684929
```
#684929 rgb(104,73,41)
```
#76532f
```
#76532f rgb(118,83,47)
```
#845d34
```
#845d34 rgb(132,93,52)
```
#92673a
```
#92673a rgb(146,103,58)
```
#a0713f
```
#a0713f rgb(160,113,63)
```
#ae7b45
```
#ae7b45 rgb(174,123,69)
```

Shade Color Variation

#b9854e
```
#b9854e rgb(185,133,78)
```
#be8e5c
```
#be8e5c rgb(190,142,92)
```
#c4986a
```
#c4986a rgb(196,152,106)
```
#caa278
```
#caa278 rgb(202,162,120)
```
#cfab86
```
#cfab86 rgb(207,171,134)
```
#d5b594
```
#d5b594 rgb(213,181,148)
```
#dabfa2
```
#dabfa2 rgb(218,191,162)
```
#e0c9b0
```
#e0c9b0 rgb(224,201,176)
```
#e5d2be
```
#e5d2be rgb(229,210,190)
```
#ebdccc
```
#ebdccc rgb(235,220,204)
```
#f1e6da
```
#f1e6da rgb(241,230,218)
```
#f6efe8
```
#f6efe8 rgb(246,239,232)
```
#fcf9f7
```
#fcf9f7 rgb(252,249,247)
```

Tint Color Variation

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

#9c9792
```
#9c9792 rgb(156,151,146)
```
#a4978a
```
#a4978a rgb(164,151,138)
```
#ac9782
```
#ac9782 rgb(172,151,130)
```
#b4987a
```
#b4987a rgb(180,152,122)
```
#bc9872
```
#bc9872 rgb(188,152,114)
```
#c4986a
```
#c4986a rgb(196,152,106)
```
#cc9862
```
#cc9862 rgb(204,152,98)
```
#d4985a
```
#d4985a rgb(212,152,90)
```
#dc9952
```
#dc9952 rgb(220,153,82)
```
#e4994a
```
#e4994a rgb(228,153,74)
```
#ec9942
```
#ec9942 rgb(236,153,66)
```
#f4993a
```
#f4993a rgb(244,153,58)
```
#fc9932
```
#fc9932 rgb(252,153,50)
```

Tone Color Variation

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

Dichromacy

#b2a474 Protanopia 1% of men
#c49e71 Deuteranopia 1% of men
#cc97a1 Tritanopia 0.001% of the population

Trichromacy

#b8a070 Protanomaly 1% of men, 0.01% of women
#c49c6e Deuteranomaly 6% of men, 0.4% of women
#c9978d Tritanomaly 0.01% of the population

#c4986a hex color

#c4986a Color Information

#c4986a Color Conversion

Color Schemes with #c4986a

Alternatives to #c4986a

#c4986a Preview

Shades and Tints of #c4986a

Tones of #c4986a

Color Blindness Simulator