#646158 hex color

In a RGB color space, hex #646158 is composed of 39.2% red, 38% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3% magenta, 12% yellow and 60.8% black. It has a hue angle of 45 degrees, a saturation of 6.4% and a lightness of 36.9%. #646158 color hex could be obtained by blending #c8c2b0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 39
- G 38
- B 35
RGB color chart
- C 0
- M 3
- Y 12
- K 61
CMYK color chart

● #646158 color description : Very dark grayish orange.

The hexadecimal color #646158 has RGB values of R:100, G:97, B:88 and CMYK values of C:0, M:0.03, Y:0.12, K:0.61. Its decimal value is 6578520.

Hex triplet	646158	`#646158`
RGB Decimal	100, 97, 88	`rgb(100,97,88)`
RGB Percent	39.2, 38, 34.5	`rgb(39.2%,38%,34.5%)`
CMYK	0, 3, 12, 61
HSL	45°, 6.4, 36.9	`hsl(45,6.4%,36.9%)`
HSV (or HSB)	45°, 12, 39.2
Web Safe	666666	`#666666`

CIE-LAB	41.158, -0.575, 5.552
XYZ	11.291, 11.963, 10.946
xyY	0.33, 0.35, 11.963
CIE-LCH	41.158, 5.581, 95.914
CIE-LUV	41.158, 2.231, 7.082
Hunter-Lab	34.588, -2.257, 5.448
Binary	01100100, 01100001, 01011000

#646158
```
#646158 rgb(100,97,88)
```
#585b64
```
#585b64 rgb(88,91,100)
```

Complementary Color

#645b58
```
#645b58 rgb(100,91,88)
```
#646158
```
#646158 rgb(100,97,88)
```
#616458
```
#616458 rgb(97,100,88)
```

Analogous Color

#5b5864
```
#5b5864 rgb(91,88,100)
```
#646158
```
#646158 rgb(100,97,88)
```
#586164
```
#586164 rgb(88,97,100)
```

Split Complementary Color

#615864
```
#615864 rgb(97,88,100)
```
#646158
```
#646158 rgb(100,97,88)
```
#586461
```
#586461 rgb(88,100,97)
```

Triadic Color

#64585b
```
#64585b rgb(100,88,91)
```
#646158
```
#646158 rgb(100,97,88)
```
#586461
```
#586461 rgb(88,100,97)
```
#585b64
```
#585b64 rgb(88,91,100)
```

Tetradic Color

#3b3a34
```
#3b3a34 rgb(59,58,52)
```
#494740
```
#494740 rgb(73,71,64)
```
#56544c
```
#56544c rgb(86,84,76)
```
#646158
```
#646158 rgb(100,97,88)
```
#726e64
```
#726e64 rgb(114,110,100)
```
#7f7b70
```
#7f7b70 rgb(127,123,112)
```
#8c887c
```
#8c887c rgb(140,136,124)
```

Monochromatic Color

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

#645e58
```
#645e58 rgb(100,94,88)
```
#645f58
```
#645f58 rgb(100,95,88)
```
#646058
```
#646058 rgb(100,96,88)
```
#646158
```
#646158 rgb(100,97,88)
```
#646258
```
#646258 rgb(100,98,88)
```
#646358
```
#646358 rgb(100,99,88)
```
#646458
```
#646458 rgb(100,100,88)
```

Similar Colors

Text with hexadecimal color #646158

This text has a font color of #646158.

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

#646158 background color

This paragraph has a background color of #646158.

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

#646158 border color

This element has a border color of #646158.

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

CSS codes

.text {color:#646158;}

.background {background-color:#646158;}

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

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

#060605
```
#060605 rgb(6,6,5)
```
#11100f
```
#11100f rgb(17,16,15)
```
#1b1a18
```
#1b1a18 rgb(27,26,24)
```
#252421
```
#252421 rgb(37,36,33)
```
#302e2a
```
#302e2a rgb(48,46,42)
```
#3a3933
```
#3a3933 rgb(58,57,51)
```
#45433c
```
#45433c rgb(69,67,60)
```
#4f4d46
```
#4f4d46 rgb(79,77,70)
```
#5a574f
```
#5a574f rgb(90,87,79)
```
#646158
```
#646158 rgb(100,97,88)
```
#6e6b61
```
#6e6b61 rgb(110,107,97)
```
#79756a
```
#79756a rgb(121,117,106)
```
#837f74
```
#837f74 rgb(131,127,116)
```

Shade Color Variation

#8d897d
```
#8d897d rgb(141,137,125)
```
#969388
```
#969388 rgb(150,147,136)
```
#9f9c92
```
#9f9c92 rgb(159,156,146)
```
#a9a69d
```
#a9a69d rgb(169,166,157)
```
#b2afa7
```
#b2afa7 rgb(178,175,167)
```
#bbb9b2
```
#bbb9b2 rgb(187,185,178)
```
#c4c2bc
```
#c4c2bc rgb(196,194,188)
```
#cdccc6
```
#cdccc6 rgb(205,204,198)
```
#d6d5d1
```
#d6d5d1 rgb(214,213,209)
```
#e0dfdb
```
#e0dfdb rgb(224,223,219)
```
#e9e8e6
```
#e9e8e6 rgb(233,232,230)
```
#f2f2f0
```
#f2f2f0 rgb(242,242,240)
```
#fbfbfb
```
#fbfbfb rgb(251,251,251)
```

Tint Color Variation

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

#646158
```
#646158 rgb(100,97,88)
```
#6b6551
```
#6b6551 rgb(107,101,81)
```
#72684a
```
#72684a rgb(114,104,74)
```
#7a6c42
```
#7a6c42 rgb(122,108,66)
```
#816f3b
```
#816f3b rgb(129,111,59)
```
#887334
```
#887334 rgb(136,115,52)
```
#8f772d
```
#8f772d rgb(143,119,45)
```
#977a25
```
#977a25 rgb(151,122,37)
```
#9e7e1e
```
#9e7e1e rgb(158,126,30)
```
#a58217
```
#a58217 rgb(165,130,23)
```
#ac8510
```
#ac8510 rgb(172,133,16)
```
#b48908
```
#b48908 rgb(180,137,8)
```
#bb8c01
```
#bb8c01 rgb(187,140,1)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#62615f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6860 Protanopia 1% of men
#756561 Deuteranopia 1% of men
#6e676e Tritanopia 0.001% of the population

Trichromacy

#69665d Protanomaly 1% of men, 0.01% of women
#6f645e Deuteranomaly 6% of men, 0.4% of women
#6a6466 Tritanomaly 0.01% of the population

#646158 hex color

#646158 Color Information

#646158 Color Conversion

Color Schemes with #646158

Alternatives to #646158

#646158 Preview

Shades and Tints of #646158

Tones of #646158

Color Blindness Simulator