#674e31 hex color

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

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

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

The hexadecimal color #674e31 has RGB values of R:103, G:78, B:49 and CMYK values of C:0, M:0.24, Y:0.52, K:0.6. Its decimal value is 6770225.

Hex triplet	674e31	`#674e31`
RGB Decimal	103, 78, 49	`rgb(103,78,49)`
RGB Percent	40.4, 30.6, 19.2	`rgb(40.4%,30.6%,19.2%)`
CMYK	0, 24, 52, 60
HSL	32.2°, 35.5, 29.8	`hsl(32.2,35.5%,29.8%)`
HSV (or HSB)	32.2°, 52.4, 40.4
Web Safe	666633	`#666633`

CIE-LAB	35.112, 6.504, 21.146
XYZ	8.872, 8.554, 4.089
xyY	0.412, 0.398, 8.554
CIE-LCH	35.112, 22.124, 72.904
CIE-LUV	35.112, 18.082, 21.36
Hunter-Lab	29.248, 2.964, 12.184
Binary	01100111, 01001110, 00110001

#674e31
```
#674e31 rgb(103,78,49)
```
#314a67
```
#314a67 rgb(49,74,103)
```

Complementary Color

#673331
```
#673331 rgb(103,51,49)
```
#674e31
```
#674e31 rgb(103,78,49)
```
#656731
```
#656731 rgb(101,103,49)
```

Analogous Color

#333167
```
#333167 rgb(51,49,103)
```
#674e31
```
#674e31 rgb(103,78,49)
```
#316567
```
#316567 rgb(49,101,103)
```

Split Complementary Color

#4e3167
```
#4e3167 rgb(78,49,103)
```
#674e31
```
#674e31 rgb(103,78,49)
```
#31674e
```
#31674e rgb(49,103,78)
```

Triadic Color

#67314a
```
#67314a rgb(103,49,74)
```
#674e31
```
#674e31 rgb(103,78,49)
```
#31674e
```
#31674e rgb(49,103,78)
```
#314a67
```
#314a67 rgb(49,74,103)
```

Tetradic Color

#332718
```
#332718 rgb(51,39,24)
```
#443421
```
#443421 rgb(68,52,33)
```
#564129
```
#564129 rgb(86,65,41)
```
#674e31
```
#674e31 rgb(103,78,49)
```
#785b39
```
#785b39 rgb(120,91,57)
```
#8a6841
```
#8a6841 rgb(138,104,65)
```
#9b754a
```
#9b754a rgb(155,117,74)
```

Monochromatic Color

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

#674131
```
#674131 rgb(103,65,49)
```
#674531
```
#674531 rgb(103,69,49)
```
#674a31
```
#674a31 rgb(103,74,49)
```
#674e31
```
#674e31 rgb(103,78,49)
```
#675331
```
#675331 rgb(103,83,49)
```
#675731
```
#675731 rgb(103,87,49)
```
#675c31
```
#675c31 rgb(103,92,49)
```

Similar Colors

Text with hexadecimal color #674e31

This text has a font color of #674e31.

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

#674e31 background color

This paragraph has a background color of #674e31.

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

#674e31 border color

This element has a border color of #674e31.

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

CSS codes

.text {color:#674e31;}

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

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

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

#0a0805
```
#0a0805 rgb(10,8,5)
```
#17120b
```
#17120b rgb(23,18,11)
```
#251c11
```
#251c11 rgb(37,28,17)
```
#322618
```
#322618 rgb(50,38,24)
```
#3f301e
```
#3f301e rgb(63,48,30)
```
#4c3a24
```
#4c3a24 rgb(76,58,36)
```
#5a442b
```
#5a442b rgb(90,68,43)
```
#674e31
```
#674e31 rgb(103,78,49)
```
#745837
```
#745837 rgb(116,88,55)
```
#82623e
```
#82623e rgb(130,98,62)
```
#8f6c44
```
#8f6c44 rgb(143,108,68)
```
#9c764a
```
#9c764a rgb(156,118,74)
```
#a98051
```
#a98051 rgb(169,128,81)
```

Shade Color Variation

#b28a5c
```
#b28a5c rgb(178,138,92)
```
#b89469
```
#b89469 rgb(184,148,105)
```
#be9d77
```
#be9d77 rgb(190,157,119)
```
#c5a784
```
#c5a784 rgb(197,167,132)
```
#cbb091
```
#cbb091 rgb(203,176,145)
```
#d1ba9f
```
#d1ba9f rgb(209,186,159)
```
#d7c3ac
```
#d7c3ac rgb(215,195,172)
```
#decdb9
```
#decdb9 rgb(222,205,185)
```
#e4d6c6
```
#e4d6c6 rgb(228,214,198)
```
#eae0d4
```
#eae0d4 rgb(234,224,212)
```
#f1eae1
```
#f1eae1 rgb(241,234,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 #965102 is the most saturated one.

#504c48
```
#504c48 rgb(80,76,72)
```
#554d43
```
#554d43 rgb(85,77,67)
```
#5b4d3d
```
#5b4d3d rgb(91,77,61)
```
#614e37
```
#614e37 rgb(97,78,55)
```
#674e31
```
#674e31 rgb(103,78,49)
```
#6d4e2b
```
#6d4e2b rgb(109,78,43)
```
#734f25
```
#734f25 rgb(115,79,37)
```
#794f1f
```
#794f1f rgb(121,79,31)
```
#7e501a
```
#7e501a rgb(126,80,26)
```
#845014
```
#845014 rgb(132,80,20)
```
#8a510e
```
#8a510e rgb(138,81,14)
```
#905108
```
#905108 rgb(144,81,8)
```
#965102
```
#965102 rgb(150,81,2)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#56514b Atypical Achromatopsia 0.001% of the population

Dichromacy

#635b3d Protanopia 1% of men
#6d573b Deuteranopia 1% of men
#715359 Tritanopia 0.001% of the population

Trichromacy

#645638 Protanomaly 1% of men, 0.01% of women
#6b5437 Deuteranomaly 6% of men, 0.4% of women
#6d514a Tritanomaly 0.01% of the population

#674e31 hex color

#674e31 Color Information

#674e31 Color Conversion

Color Schemes with #674e31

Alternatives to #674e31

#674e31 Preview

Shades and Tints of #674e31

Tones of #674e31

Color Blindness Simulator