#674c31 hex color

In a RGB color space, hex #674c31 is composed of 40.4% red, 29.8% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.2% magenta, 52.4% yellow and 59.6% black. It has a hue angle of 30 degrees, a saturation of 35.5% and a lightness of 29.8%. #674c31 color hex could be obtained by blending #ce9862 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 40
- G 30
- B 19
RGB color chart
- C 0
- M 26
- Y 52
- K 60
CMYK color chart

● #674c31 color description : Very dark desaturated orange.

The hexadecimal color #674c31 has RGB values of R:103, G:76, B:49 and CMYK values of C:0, M:0.26, Y:0.52, K:0.6. Its decimal value is 6769713.

Hex triplet	674c31	`#674c31`
RGB Decimal	103, 76, 49	`rgb(103,76,49)`
RGB Percent	40.4, 29.8, 19.2	`rgb(40.4%,29.8%,19.2%)`
CMYK	0, 26, 52, 60
HSL	30°, 35.5, 29.8	`hsl(30,35.5%,29.8%)`
HSV (or HSB)	30°, 52.4, 40.4
Web Safe	663333	`#663333`

CIE-LAB	34.548, 7.734, 20.43
XYZ	8.732, 8.275, 4.043
xyY	0.415, 0.393, 8.275
CIE-LCH	34.548, 21.845, 69.265
CIE-LUV	34.548, 19.352, 20.36
Hunter-Lab	28.766, 3.848, 11.803
Binary	01100111, 01001100, 00110001

#674c31
```
#674c31 rgb(103,76,49)
```
#314c67
```
#314c67 rgb(49,76,103)
```

Complementary Color

#673131
```
#673131 rgb(103,49,49)
```
#674c31
```
#674c31 rgb(103,76,49)
```
#676731
```
#676731 rgb(103,103,49)
```

Analogous Color

#313167
```
#313167 rgb(49,49,103)
```
#674c31
```
#674c31 rgb(103,76,49)
```
#316767
```
#316767 rgb(49,103,103)
```

Split Complementary Color

#4c3167
```
#4c3167 rgb(76,49,103)
```
#674c31
```
#674c31 rgb(103,76,49)
```
#31674c
```
#31674c rgb(49,103,76)
```

Triadic Color

#67314c
```
#67314c rgb(103,49,76)
```
#674c31
```
#674c31 rgb(103,76,49)
```
#31674c
```
#31674c rgb(49,103,76)
```
#314c67
```
#314c67 rgb(49,76,103)
```

Tetradic Color

#332618
```
#332618 rgb(51,38,24)
```
#443321
```
#443321 rgb(68,51,33)
```
#563f29
```
#563f29 rgb(86,63,41)
```
#674c31
```
#674c31 rgb(103,76,49)
```
#785939
```
#785939 rgb(120,89,57)
```
#8a6641
```
#8a6641 rgb(138,102,65)
```
#9b724a
```
#9b724a rgb(155,114,74)
```

Monochromatic Color

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

#673f31
```
#673f31 rgb(103,63,49)
```
#674331
```
#674331 rgb(103,67,49)
```
#674831
```
#674831 rgb(103,72,49)
```
#674c31
```
#674c31 rgb(103,76,49)
```
#675131
```
#675131 rgb(103,81,49)
```
#675531
```
#675531 rgb(103,85,49)
```
#675a31
```
#675a31 rgb(103,90,49)
```

Similar Colors

Text with hexadecimal color #674c31

This text has a font color of #674c31.

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

#674c31 background color

This paragraph has a background color of #674c31.

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

#674c31 border color

This element has a border color of #674c31.

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

CSS codes

.text {color:#674c31;}

.background {background-color:#674c31;}

.border {border:1px solid #674c31;}

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

#0a0705
```
#0a0705 rgb(10,7,5)
```
#17110b
```
#17110b rgb(23,17,11)
```
#251b11
```
#251b11 rgb(37,27,17)
```
#322518
```
#322518 rgb(50,37,24)
```
#3f2f1e
```
#3f2f1e rgb(63,47,30)
```
#4c3824
```
#4c3824 rgb(76,56,36)
```
#5a422b
```
#5a422b rgb(90,66,43)
```
#674c31
```
#674c31 rgb(103,76,49)
```
#745637
```
#745637 rgb(116,86,55)
```
#82603e
```
#82603e rgb(130,96,62)
```
#8f6944
```
#8f6944 rgb(143,105,68)
```
#9c734a
```
#9c734a rgb(156,115,74)
```
#a97d51
```
#a97d51 rgb(169,125,81)
```

Shade Color Variation

#b2875c
```
#b2875c rgb(178,135,92)
```
#b89169
```
#b89169 rgb(184,145,105)
```
#be9a77
```
#be9a77 rgb(190,154,119)
```
#c5a484
```
#c5a484 rgb(197,164,132)
```
#cbae91
```
#cbae91 rgb(203,174,145)
```
#d1b89f
```
#d1b89f rgb(209,184,159)
```
#d7c2ac
```
#d7c2ac rgb(215,194,172)
```
#deccb9
```
#deccb9 rgb(222,204,185)
```
#e4d5c6
```
#e4d5c6 rgb(228,213,198)
```
#eadfd4
```
#eadfd4 rgb(234,223,212)
```
#f1e9e1
```
#f1e9e1 rgb(241,233,225)
```
#f7f3ee
```
#f7f3ee rgb(247,243,238)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#504c48
```
#504c48 rgb(80,76,72)
```
#554c43
```
#554c43 rgb(85,76,67)
```
#5b4c3d
```
#5b4c3d rgb(91,76,61)
```
#614c37
```
#614c37 rgb(97,76,55)
```
#674c31
```
#674c31 rgb(103,76,49)
```
#6d4c2b
```
#6d4c2b rgb(109,76,43)
```
#734c25
```
#734c25 rgb(115,76,37)
```
#794c1f
```
#794c1f rgb(121,76,31)
```
#7e4c1a
```
#7e4c1a rgb(126,76,26)
```
#844c14
```
#844c14 rgb(132,76,20)
```
#8a4c0e
```
#8a4c0e rgb(138,76,14)
```
#904c08
```
#904c08 rgb(144,76,8)
```
#964c02
```
#964c02 rgb(150,76,2)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#55504b Atypical Achromatopsia 0.001% of the population

Dichromacy

#615a3d Protanopia 1% of men
#6c563b Deuteranopia 1% of men
#715157 Tritanopia 0.001% of the population

Trichromacy

#635538 Protanomaly 1% of men, 0.01% of women
#6a5237 Deuteranomaly 6% of men, 0.4% of women
#6d4f49 Tritanomaly 0.01% of the population

#674c31 hex color

#674c31 Color Information

#674c31 Color Conversion

Color Schemes with #674c31

Alternatives to #674c31

#674c31 Preview

Shades and Tints of #674c31

Tones of #674c31

Color Blindness Simulator