#645a22 hex color

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

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

● #645a22 color description : Very dark yellow [Olive tone].

The hexadecimal color #645a22 has RGB values of R:100, G:90, B:34 and CMYK values of C:0, M:0.1, Y:0.66, K:0.61. Its decimal value is 6576674.

Hex triplet	645a22	`#645a22`
RGB Decimal	100, 90, 34	`rgb(100,90,34)`
RGB Percent	39.2, 35.3, 13.3	`rgb(39.2%,35.3%,13.3%)`
CMYK	0, 10, 66, 61
HSL	50.9°, 49.3, 26.3	`hsl(50.9,49.3%,26.3%)`
HSV (or HSB)	50.9°, 66, 39.2
Web Safe	666633	`#666633`

CIE-LAB	38.088, -3.561, 32.947
XYZ	9.2, 10.137, 2.985
xyY	0.412, 0.454, 10.137
CIE-LCH	38.088, 33.139, 96.169
CIE-LUV	38.088, 9.093, 33.503
Hunter-Lab	31.839, -4.138, 16.728
Binary	01100100, 01011010, 00100010

#645a22
```
#645a22 rgb(100,90,34)
```
#222c64
```
#222c64 rgb(34,44,100)
```

Complementary Color

#643922
```
#643922 rgb(100,57,34)
```
#645a22
```
#645a22 rgb(100,90,34)
```
#4d6422
```
#4d6422 rgb(77,100,34)
```

Analogous Color

#392264
```
#392264 rgb(57,34,100)
```
#645a22
```
#645a22 rgb(100,90,34)
```
#224d64
```
#224d64 rgb(34,77,100)
```

Split Complementary Color

#5a2264
```
#5a2264 rgb(90,34,100)
```
#645a22
```
#645a22 rgb(100,90,34)
```
#22645a
```
#22645a rgb(34,100,90)
```

Triadic Color

#64222c
```
#64222c rgb(100,34,44)
```
#645a22
```
#645a22 rgb(100,90,34)
```
#22645a
```
#22645a rgb(34,100,90)
```
#222c64
```
#222c64 rgb(34,44,100)
```

Tetradic Color

#2b270f
```
#2b270f rgb(43,39,15)
```
#3e3815
```
#3e3815 rgb(62,56,21)
```
#51491c
```
#51491c rgb(81,73,28)
```
#645a22
```
#645a22 rgb(100,90,34)
```
#776b28
```
#776b28 rgb(119,107,40)
```
#8a7c2f
```
#8a7c2f rgb(138,124,47)
```
#9d8d35
```
#9d8d35 rgb(157,141,53)
```

Monochromatic Color

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

#644a22
```
#644a22 rgb(100,74,34)
```
#644f22
```
#644f22 rgb(100,79,34)
```
#645522
```
#645522 rgb(100,85,34)
```
#645a22
```
#645a22 rgb(100,90,34)
```
#646022
```
#646022 rgb(100,96,34)
```
#636422
```
#636422 rgb(99,100,34)
```
#5e6422
```
#5e6422 rgb(94,100,34)
```

Similar Colors

Text with hexadecimal color #645a22

This text has a font color of #645a22.

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

#645a22 background color

This paragraph has a background color of #645a22.

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

#645a22 border color

This element has a border color of #645a22.

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

CSS codes

.text {color:#645a22;}

.background {background-color:#645a22;}

.border {border:1px solid #645a22;}

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

#0c0b04
```
#0c0b04 rgb(12,11,4)
```
#1b1809
```
#1b1809 rgb(27,24,9)
```
#29250e
```
#29250e rgb(41,37,14)
```
#383213
```
#383213 rgb(56,50,19)
```
#474018
```
#474018 rgb(71,64,24)
```
#554d1d
```
#554d1d rgb(85,77,29)
```
#645a22
```
#645a22 rgb(100,90,34)
```
#736727
```
#736727 rgb(115,103,39)
```
#81742c
```
#81742c rgb(129,116,44)
```
#908231
```
#908231 rgb(144,130,49)
```
#9f8f36
```
#9f8f36 rgb(159,143,54)
```
#ad9c3b
```
#ad9c3b rgb(173,156,59)
```
#bca940
```
#bca940 rgb(188,169,64)
```

Shade Color Variation

#c2b14d
```
#c2b14d rgb(194,177,77)
```
#c7b75c
```
#c7b75c rgb(199,183,92)
```
#ccbe6a
```
#ccbe6a rgb(204,190,106)
```
#d1c479
```
#d1c479 rgb(209,196,121)
```
#d6ca87
```
#d6ca87 rgb(214,202,135)
```
#dbd196
```
#dbd196 rgb(219,209,150)
```
#e0d7a5
```
#e0d7a5 rgb(224,215,165)
```
#e5deb3
```
#e5deb3 rgb(229,222,179)
```
#eae4c2
```
#eae4c2 rgb(234,228,194)
```
#efebd1
```
#efebd1 rgb(239,235,209)
```
#f4f1df
```
#f4f1df rgb(244,241,223)
```
#f9f7ee
```
#f9f7ee rgb(249,247,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 #837003 is the most saturated one.

#454441
```
#454441 rgb(69,68,65)
```
#4a483c
```
#4a483c rgb(74,72,60)
```
#4f4c37
```
#4f4c37 rgb(79,76,55)
```
#554f31
```
#554f31 rgb(85,79,49)
```
#5a532c
```
#5a532c rgb(90,83,44)
```
#5f5627
```
#5f5627 rgb(95,86,39)
```
#645a22
```
#645a22 rgb(100,90,34)
```
#695e1d
```
#695e1d rgb(105,94,29)
```
#6e6118
```
#6e6118 rgb(110,97,24)
```
#736513
```
#736513 rgb(115,101,19)
```
#79680d
```
#79680d rgb(121,104,13)
```
#7e6c08
```
#7e6c08 rgb(126,108,8)
```
#837003
```
#837003 rgb(131,112,3)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#5a584c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c622d Protanopia 1% of men
#785d2f Deuteranopia 1% of men
#715c63 Tritanopia 0.001% of the population

Trichromacy

#695f29 Protanomaly 1% of men, 0.01% of women
#715c2a Deuteranomaly 6% of men, 0.4% of women
#6c5b4b Tritanomaly 0.01% of the population

#645a22 hex color

#645a22 Color Information

#645a22 Color Conversion

Color Schemes with #645a22

Alternatives to #645a22

#645a22 Preview

Shades and Tints of #645a22

Tones of #645a22

Color Blindness Simulator