#645848 hex color

In a RGB color space, hex #645848 is composed of 39.2% red, 34.5% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12% magenta, 28% yellow and 60.8% black. It has a hue angle of 34.3 degrees, a saturation of 16.3% and a lightness of 33.7%. #645848 color hex could be obtained by blending #c8b090 with #000000. Closest websafe color is: #666633.

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

● #645848 color description : Very dark grayish orange.

The hexadecimal color #645848 has RGB values of R:100, G:88, B:72 and CMYK values of C:0, M:0.12, Y:0.28, K:0.61. Its decimal value is 6576200.

Hex triplet	645848	`#645848`
RGB Decimal	100, 88, 72	`rgb(100,88,72)`
RGB Percent	39.2, 34.5, 28.2	`rgb(39.2%,34.5%,28.2%)`
CMYK	0, 12, 28, 61
HSL	34.3°, 16.3, 33.7	`hsl(34.3,16.3%,33.7%)`
HSV (or HSB)	34.3°, 28, 39.2
Web Safe	666633	`#666633`

CIE-LAB	38.122, 2.084, 11.081
XYZ	9.915, 10.157, 7.569
xyY	0.359, 0.367, 10.157
CIE-LCH	38.122, 11.275, 79.349
CIE-LUV	38.122, 8.209, 12.812
Hunter-Lab	31.87, -0.24, 8.228
Binary	01100100, 01011000, 01001000

#645848
```
#645848 rgb(100,88,72)
```
#485464
```
#485464 rgb(72,84,100)
```

Complementary Color

#644a48
```
#644a48 rgb(100,74,72)
```
#645848
```
#645848 rgb(100,88,72)
```
#626448
```
#626448 rgb(98,100,72)
```

Analogous Color

#4a4864
```
#4a4864 rgb(74,72,100)
```
#645848
```
#645848 rgb(100,88,72)
```
#486264
```
#486264 rgb(72,98,100)
```

Split Complementary Color

#584864
```
#584864 rgb(88,72,100)
```
#645848
```
#645848 rgb(100,88,72)
```
#486458
```
#486458 rgb(72,100,88)
```

Triadic Color

#644854
```
#644854 rgb(100,72,84)
```
#645848
```
#645848 rgb(100,88,72)
```
#486458
```
#486458 rgb(72,100,88)
```
#485464
```
#485464 rgb(72,84,100)
```

Tetradic Color

#383128
```
#383128 rgb(56,49,40)
```
#463e33
```
#463e33 rgb(70,62,51)
```
#554b3d
```
#554b3d rgb(85,75,61)
```
#645848
```
#645848 rgb(100,88,72)
```
#736553
```
#736553 rgb(115,101,83)
```
#82725d
```
#82725d rgb(130,114,93)
```
#907f68
```
#907f68 rgb(144,127,104)
```

Monochromatic Color

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

#645148
```
#645148 rgb(100,81,72)
```
#645348
```
#645348 rgb(100,83,72)
```
#645648
```
#645648 rgb(100,86,72)
```
#645848
```
#645848 rgb(100,88,72)
```
#645a48
```
#645a48 rgb(100,90,72)
```
#645d48
```
#645d48 rgb(100,93,72)
```
#645f48
```
#645f48 rgb(100,95,72)
```

Similar Colors

Text with hexadecimal color #645848

This text has a font color of #645848.

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

#645848 background color

This paragraph has a background color of #645848.

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

#645848 border color

This element has a border color of #645848.

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

CSS codes

.text {color:#645848;}

.background {background-color:#645848;}

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

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

#090806
```
#090806 rgb(9,8,6)
```
#14120f
```
#14120f rgb(20,18,15)
```
#201c17
```
#201c17 rgb(32,28,23)
```
#2b261f
```
#2b261f rgb(43,38,31)
```
#363027
```
#363027 rgb(54,48,39)
```
#423a2f
```
#423a2f rgb(66,58,47)
```
#4d4438
```
#4d4438 rgb(77,68,56)
```
#594e40
```
#594e40 rgb(89,78,64)
```
#645848
```
#645848 rgb(100,88,72)
```
#6f6250
```
#6f6250 rgb(111,98,80)
```
#7b6c58
```
#7b6c58 rgb(123,108,88)
```
#867661
```
#867661 rgb(134,118,97)
```
#928069
```
#928069 rgb(146,128,105)
```

Shade Color Variation

#9b8a74
```
#9b8a74 rgb(155,138,116)
```
#a3937f
```
#a3937f rgb(163,147,127)
```
#ab9d8a
```
#ab9d8a rgb(171,157,138)
```
#b3a796
```
#b3a796 rgb(179,167,150)
```
#bbb0a1
```
#bbb0a1 rgb(187,176,161)
```
#c4baad
```
#c4baad rgb(196,186,173)
```
#ccc3b8
```
#ccc3b8 rgb(204,195,184)
```
#d4cdc3
```
#d4cdc3 rgb(212,205,195)
```
#dcd6cf
```
#dcd6cf rgb(220,214,207)
```
#e4e0da
```
#e4e0da rgb(228,224,218)
```
#edeae6
```
#edeae6 rgb(237,234,230)
```
#f5f3f1
```
#f5f3f1 rgb(245,243,241)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#575655
```
#575655 rgb(87,86,85)
```
#5d574f
```
#5d574f rgb(93,87,79)
```
#645848
```
#645848 rgb(100,88,72)
```
#6b5941
```
#6b5941 rgb(107,89,65)
```
#715a3b
```
#715a3b rgb(113,90,59)
```
#785b34
```
#785b34 rgb(120,91,52)
```
#7e5c2e
```
#7e5c2e rgb(126,92,46)
```
#855d27
```
#855d27 rgb(133,93,39)
```
#8c5e20
```
#8c5e20 rgb(140,94,32)
```
#925f1a
```
#925f1a rgb(146,95,26)
```
#996013
```
#996013 rgb(153,96,19)
```
#a0610c
```
#a0610c rgb(160,97,12)
```
#a66106
```
#a66106 rgb(166,97,6)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#5c5a56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#676252 Protanopia 1% of men
#715e52 Deuteranopia 1% of men
#6e5d64 Tritanopia 0.001% of the population

Trichromacy

#665e4e Protanomaly 1% of men, 0.01% of women
#6c5c4e Deuteranomaly 6% of men, 0.4% of women
#6a5b5a Tritanomaly 0.01% of the population

#645848 hex color

#645848 Color Information

#645848 Color Conversion

Color Schemes with #645848

Alternatives to #645848

#645848 Preview

Shades and Tints of #645848

Tones of #645848

Color Blindness Simulator