#645222 hex color

In a RGB color space, hex #645222 is composed of 39.2% red, 32.2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18% magenta, 66% yellow and 60.8% black. It has a hue angle of 43.6 degrees, a saturation of 49.3% and a lightness of 26.3%. #645222 color hex could be obtained by blending #c8a444 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 39
- G 32
- B 13
RGB color chart
- C 0
- M 18
- Y 66
- K 61
CMYK color chart

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

The hexadecimal color #645222 has RGB values of R:100, G:82, B:34 and CMYK values of C:0, M:0.18, Y:0.66, K:0.61. Its decimal value is 6574626.

Hex triplet	645222	`#645222`
RGB Decimal	100, 82, 34	`rgb(100,82,34)`
RGB Percent	39.2, 32.2, 13.3	`rgb(39.2%,32.2%,13.3%)`
CMYK	0, 18, 66, 61
HSL	43.6°, 49.3, 26.3	`hsl(43.6,49.3%,26.3%)`
HSV (or HSB)	43.6°, 66, 39.2
Web Safe	666633	`#666633`

CIE-LAB	35.713, 1.235, 30.321
XYZ	8.562, 8.86, 2.772
xyY	0.424, 0.439, 8.86
CIE-LCH	35.713, 30.346, 87.668
CIE-LUV	35.713, 14.306, 29.735
Hunter-Lab	29.765, -0.746, 15.313
Binary	01100100, 01010010, 00100010

#645222
```
#645222 rgb(100,82,34)
```
#223464
```
#223464 rgb(34,52,100)
```

Complementary Color

#643122
```
#643122 rgb(100,49,34)
```
#645222
```
#645222 rgb(100,82,34)
```
#556422
```
#556422 rgb(85,100,34)
```

Analogous Color

#312264
```
#312264 rgb(49,34,100)
```
#645222
```
#645222 rgb(100,82,34)
```
#225564
```
#225564 rgb(34,85,100)
```

Split Complementary Color

#522264
```
#522264 rgb(82,34,100)
```
#645222
```
#645222 rgb(100,82,34)
```
#226452
```
#226452 rgb(34,100,82)
```

Triadic Color

#642234
```
#642234 rgb(100,34,52)
```
#645222
```
#645222 rgb(100,82,34)
```
#226452
```
#226452 rgb(34,100,82)
```
#223464
```
#223464 rgb(34,52,100)
```

Tetradic Color

#2b230f
```
#2b230f rgb(43,35,15)
```
#3e3315
```
#3e3315 rgb(62,51,21)
```
#51421c
```
#51421c rgb(81,66,28)
```
#645222
```
#645222 rgb(100,82,34)
```
#776228
```
#776228 rgb(119,98,40)
```
#8a712f
```
#8a712f rgb(138,113,47)
```
#9d8135
```
#9d8135 rgb(157,129,53)
```

Monochromatic Color

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

#644222
```
#644222 rgb(100,66,34)
```
#644722
```
#644722 rgb(100,71,34)
```
#644d22
```
#644d22 rgb(100,77,34)
```
#645222
```
#645222 rgb(100,82,34)
```
#645822
```
#645822 rgb(100,88,34)
```
#645d22
```
#645d22 rgb(100,93,34)
```
#646322
```
#646322 rgb(100,99,34)
```

Similar Colors

Text with hexadecimal color #645222

This text has a font color of #645222.

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

#645222 background color

This paragraph has a background color of #645222.

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

#645222 border color

This element has a border color of #645222.

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

CSS codes

.text {color:#645222;}

.background {background-color:#645222;}

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

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

#0c0a04
```
#0c0a04 rgb(12,10,4)
```
#1b1609
```
#1b1609 rgb(27,22,9)
```
#29220e
```
#29220e rgb(41,34,14)
```
#382e13
```
#382e13 rgb(56,46,19)
```
#473a18
```
#473a18 rgb(71,58,24)
```
#55461d
```
#55461d rgb(85,70,29)
```
#645222
```
#645222 rgb(100,82,34)
```
#735e27
```
#735e27 rgb(115,94,39)
```
#816a2c
```
#816a2c rgb(129,106,44)
```
#907631
```
#907631 rgb(144,118,49)
```
#9f8236
```
#9f8236 rgb(159,130,54)
```
#ad8e3b
```
#ad8e3b rgb(173,142,59)
```
#bc9a40
```
#bc9a40 rgb(188,154,64)
```

Shade Color Variation

#c2a24d
```
#c2a24d rgb(194,162,77)
```
#c7aa5c
```
#c7aa5c rgb(199,170,92)
```
#ccb26a
```
#ccb26a rgb(204,178,106)
```
#d1b979
```
#d1b979 rgb(209,185,121)
```
#d6c187
```
#d6c187 rgb(214,193,135)
```
#dbc896
```
#dbc896 rgb(219,200,150)
```
#e0d0a5
```
#e0d0a5 rgb(224,208,165)
```
#e5d8b3
```
#e5d8b3 rgb(229,216,179)
```
#eadfc2
```
#eadfc2 rgb(234,223,194)
```
#efe7d1
```
#efe7d1 rgb(239,231,209)
```
#f4eedf
```
#f4eedf rgb(244,238,223)
```
#f9f6ee
```
#f9f6ee rgb(249,246,238)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#454441
```
#454441 rgb(69,68,65)
```
#4a463c
```
#4a463c rgb(74,70,60)
```
#4f4937
```
#4f4937 rgb(79,73,55)
```
#554b31
```
#554b31 rgb(85,75,49)
```
#5a4d2c
```
#5a4d2c rgb(90,77,44)
```
#5f5027
```
#5f5027 rgb(95,80,39)
```
#645222
```
#645222 rgb(100,82,34)
```
#69541d
```
#69541d rgb(105,84,29)
```
#6e5718
```
#6e5718 rgb(110,87,24)
```
#735913
```
#735913 rgb(115,89,19)
```
#795b0d
```
#795b0d rgb(121,91,13)
```
#7e5e08
```
#7e5e08 rgb(126,94,8)
```
#836003
```
#836003 rgb(131,96,3)
```

Tone Color Variation

Below, you can see how #645222 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
#565248 Atypical Achromatopsia 0.001% of the population

Dichromacy

#665c2e Protanopia 1% of men
#71582e Deuteranopia 1% of men
#70555b Tritanopia 0.001% of the population

Trichromacy

#655829 Protanomaly 1% of men, 0.01% of women
#6c5629 Deuteranomaly 6% of men, 0.4% of women
#6b5446 Tritanomaly 0.01% of the population

#645222 hex color

#645222 Color Information

#645222 Color Conversion

Color Schemes with #645222

Alternatives to #645222

#645222 Preview

Shades and Tints of #645222

Tones of #645222

Color Blindness Simulator