#674220 hex color

In a RGB color space, hex #674220 is composed of 40.4% red, 25.9% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.9% magenta, 68.9% yellow and 59.6% black. It has a hue angle of 28.7 degrees, a saturation of 52.6% and a lightness of 26.5%. #674220 color hex could be obtained by blending #ce8440 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 40
- G 26
- B 13
RGB color chart
- C 0
- M 36
- Y 69
- K 60
CMYK color chart

● #674220 color description : Very dark orange [Brown tone].

The hexadecimal color #674220 has RGB values of R:103, G:66, B:32 and CMYK values of C:0, M:0.36, Y:0.69, K:0.6. Its decimal value is 6767136.

Hex triplet	674220	`#674220`
RGB Decimal	103, 66, 32	`rgb(103,66,32)`
RGB Percent	40.4, 25.9, 12.5	`rgb(40.4%,25.9%,12.5%)`
CMYK	0, 36, 69, 60
HSL	28.7°, 52.6, 26.5	`hsl(28.7,52.6%,26.5%)`
HSV (or HSB)	28.7°, 68.9, 40.4
Web Safe	663333	`#663333`

CIE-LAB	31.543, 12.378, 26.81
XYZ	7.803, 6.885, 2.284
xyY	0.46, 0.406, 6.885
CIE-LCH	31.543, 29.529, 65.218
CIE-LUV	31.543, 27.399, 23.413
Hunter-Lab	26.239, 7.162, 13.205
Binary	01100111, 01000010, 00100000

#674220
```
#674220 rgb(103,66,32)
```
#204567
```
#204567 rgb(32,69,103)
```

Complementary Color

#672022
```
#672022 rgb(103,32,34)
```
#674220
```
#674220 rgb(103,66,32)
```
#676620
```
#676620 rgb(103,102,32)
```

Analogous Color

#202267
```
#202267 rgb(32,34,103)
```
#674220
```
#674220 rgb(103,66,32)
```
#206766
```
#206766 rgb(32,103,102)
```

Split Complementary Color

#422067
```
#422067 rgb(66,32,103)
```
#674220
```
#674220 rgb(103,66,32)
```
#206742
```
#206742 rgb(32,103,66)
```

Triadic Color

#672045
```
#672045 rgb(103,32,69)
```
#674220
```
#674220 rgb(103,66,32)
```
#206742
```
#206742 rgb(32,103,66)
```
#204567
```
#204567 rgb(32,69,103)
```

Tetradic Color

#2d1d0e
```
#2d1d0e rgb(45,29,14)
```
#402914
```
#402914 rgb(64,41,20)
```
#54361a
```
#54361a rgb(84,54,26)
```
#674220
```
#674220 rgb(103,66,32)
```
#7a4e26
```
#7a4e26 rgb(122,78,38)
```
#8e5b2c
```
#8e5b2c rgb(142,91,44)
```
#a16732
```
#a16732 rgb(161,103,50)
```

Monochromatic Color

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

#673020
```
#673020 rgb(103,48,32)
```
#673620
```
#673620 rgb(103,54,32)
```
#673c20
```
#673c20 rgb(103,60,32)
```
#674220
```
#674220 rgb(103,66,32)
```
#674820
```
#674820 rgb(103,72,32)
```
#674e20
```
#674e20 rgb(103,78,32)
```
#675420
```
#675420 rgb(103,84,32)
```

Similar Colors

Text with hexadecimal color #674220

This text has a font color of #674220.

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

#674220 background color

This paragraph has a background color of #674220.

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

#674220 border color

This element has a border color of #674220.

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

CSS codes

.text {color:#674220;}

.background {background-color:#674220;}

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

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

#0d0804
```
#0d0804 rgb(13,8,4)
```
#1c1209
```
#1c1209 rgb(28,18,9)
```
#2b1c0d
```
#2b1c0d rgb(43,28,13)
```
#3a2512
```
#3a2512 rgb(58,37,18)
```
#492f17
```
#492f17 rgb(73,47,23)
```
#58381b
```
#58381b rgb(88,56,27)
```
#674220
```
#674220 rgb(103,66,32)
```
#764c25
```
#764c25 rgb(118,76,37)
```
#855529
```
#855529 rgb(133,85,41)
```
#945f2e
```
#945f2e rgb(148,95,46)
```
#a36833
```
#a36833 rgb(163,104,51)
```
#b27237
```
#b27237 rgb(178,114,55)
```
#c17c3c
```
#c17c3c rgb(193,124,60)
```

Shade Color Variation

#c7864a
```
#c7864a rgb(199,134,74)
```
#cb9059
```
#cb9059 rgb(203,144,89)
```
#d09a68
```
#d09a68 rgb(208,154,104)
```
#d5a477
```
#d5a477 rgb(213,164,119)
```
#d9ae86
```
#d9ae86 rgb(217,174,134)
```
#deb894
```
#deb894 rgb(222,184,148)
```
#e3c2a3
```
#e3c2a3 rgb(227,194,163)
```
#e7ccb2
```
#e7ccb2 rgb(231,204,178)
```
#ecd6c1
```
#ecd6c1 rgb(236,214,193)
```
#f1e0d0
```
#f1e0d0 rgb(241,224,208)
```
#f5eadf
```
#f5eadf rgb(245,234,223)
```
#faf4ee
```
#faf4ee rgb(250,244,238)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#48433f
```
#48433f rgb(72,67,63)
```
#4d433a
```
#4d433a rgb(77,67,58)
```
#524335
```
#524335 rgb(82,67,53)
```
#574330
```
#574330 rgb(87,67,48)
```
#5d422a
```
#5d422a rgb(93,66,42)
```
#624225
```
#624225 rgb(98,66,37)
```
#674220
```
#674220 rgb(103,66,32)
```
#6c421b
```
#6c421b rgb(108,66,27)
```
#714216
```
#714216 rgb(113,66,22)
```
#774110
```
#774110 rgb(119,65,16)
```
#7c410b
```
#7c410b rgb(124,65,11)
```
#814106
```
#814106 rgb(129,65,6)
```
#864101
```
#864101 rgb(134,65,1)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#4f4841 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b532e Protanopia 1% of men
#664f2a Deuteranopia 1% of men
#71484c Tritanopia 0.001% of the population

Trichromacy

#5f4d28 Protanomaly 1% of men, 0.01% of women
#664a26 Deuteranomaly 6% of men, 0.4% of women
#6d453c Tritanomaly 0.01% of the population

#674220 hex color

#674220 Color Information

#674220 Color Conversion

Color Schemes with #674220

Alternatives to #674220

#674220 Preview

Shades and Tints of #674220

Tones of #674220

Color Blindness Simulator