#645f7e hex color

In a RGB color space, hex #645f7e is composed of 39.2% red, 37.3% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 20.6% cyan, 24.6% magenta, 0% yellow and 50.6% black. It has a hue angle of 249.7 degrees, a saturation of 14% and a lightness of 43.3%. #645f7e color hex could be obtained by blending #c8befc with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 39
- G 37
- B 49
RGB color chart
- C 21
- M 25
- Y 0
- K 51
CMYK color chart

● #645f7e color description : Dark grayish blue.

The hexadecimal color #645f7e has RGB values of R:100, G:95, B:126 and CMYK values of C:0.21, M:0.25, Y:0, K:0.51. Its decimal value is 6578046.

Hex triplet	645f7e	`#645f7e`
RGB Decimal	100, 95, 126	`rgb(100,95,126)`
RGB Percent	39.2, 37.3, 49.4	`rgb(39.2%,37.3%,49.4%)`
CMYK	21, 25, 0, 51
HSL	249.7°, 14, 43.3	`hsl(249.7,14%,43.3%)`
HSV (or HSB)	249.7°, 24.6, 49.4
Web Safe	666666	`#666666`

CIE-LAB	41.845, 9.027, -16.622
XYZ	13.113, 12.4, 21.44
xyY	0.279, 0.264, 12.4
CIE-LCH	41.845, 18.916, 298.506
CIE-LUV	41.845, 0.69, -24.316
Hunter-Lab	35.214, 4.846, -11.45
Binary	01100100, 01011111, 01111110

#645f7e
```
#645f7e rgb(100,95,126)
```
#797e5f
```
#797e5f rgb(121,126,95)
```

Complementary Color

#5f6a7e
```
#5f6a7e rgb(95,106,126)
```
#645f7e
```
#645f7e rgb(100,95,126)
```
#745f7e
```
#745f7e rgb(116,95,126)
```

Analogous Color

#6a7e5f
```
#6a7e5f rgb(106,126,95)
```
#645f7e
```
#645f7e rgb(100,95,126)
```
#7e745f
```
#7e745f rgb(126,116,95)
```

Split Complementary Color

#5f7e64
```
#5f7e64 rgb(95,126,100)
```
#645f7e
```
#645f7e rgb(100,95,126)
```
#7e645f
```
#7e645f rgb(126,100,95)
```

Triadic Color

#5f797e
```
#5f797e rgb(95,121,126)
```
#645f7e
```
#645f7e rgb(100,95,126)
```
#7e645f
```
#7e645f rgb(126,100,95)
```
#797e5f
```
#797e5f rgb(121,126,95)
```

Tetradic Color

#413e52
```
#413e52 rgb(65,62,82)
```
#4d4961
```
#4d4961 rgb(77,73,97)
```
#58546f
```
#58546f rgb(88,84,111)
```
#645f7e
```
#645f7e rgb(100,95,126)
```
#706a8d
```
#706a8d rgb(112,106,141)
```
#7d7799
```
#7d7799 rgb(125,119,153)
```
#8b86a4
```
#8b86a4 rgb(139,134,164)
```

Monochromatic Color

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

#5f627e
```
#5f627e rgb(95,98,126)
```
#5f5f7e
```
#5f5f7e rgb(95,95,126)
```
#615f7e
```
#615f7e rgb(97,95,126)
```
#645f7e
```
#645f7e rgb(100,95,126)
```
#675f7e
```
#675f7e rgb(103,95,126)
```
#695f7e
```
#695f7e rgb(105,95,126)
```
#6c5f7e
```
#6c5f7e rgb(108,95,126)
```

Similar Colors

Text with hexadecimal color #645f7e

This text has a font color of #645f7e.

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

#645f7e background color

This paragraph has a background color of #645f7e.

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

#645f7e border color

This element has a border color of #645f7e.

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

CSS codes

.text {color:#645f7e;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0b0b0e
```
#0b0b0e rgb(11,11,14)
```
#141319
```
#141319 rgb(20,19,25)
```
#1d1c25
```
#1d1c25 rgb(29,28,37)
```
#262430
```
#262430 rgb(38,36,48)
```
#2f2c3b
```
#2f2c3b rgb(47,44,59)
```
#383546
```
#383546 rgb(56,53,70)
```
#403d51
```
#403d51 rgb(64,61,81)
```
#49465c
```
#49465c rgb(73,70,92)
```
#524e68
```
#524e68 rgb(82,78,104)
```
#5b5773
```
#5b5773 rgb(91,87,115)
```
#645f7e
```
#645f7e rgb(100,95,126)
```
#6d6789
```
#6d6789 rgb(109,103,137)
```

Shade Color Variation

#767194
```
#767194 rgb(118,113,148)
```
#817c9c
```
#817c9c rgb(129,124,156)
```
#8c87a4
```
#8c87a4 rgb(140,135,164)
```
#9692ad
```
#9692ad rgb(150,146,173)
```
#a19db5
```
#a19db5 rgb(161,157,181)
```
#aca9be
```
#aca9be rgb(172,169,190)
```
#b7b4c6
```
#b7b4c6 rgb(183,180,198)
```
#c1bfcf
```
#c1bfcf rgb(193,191,207)
```
#cccad7
```
#cccad7 rgb(204,202,215)
```
#d7d5e0
```
#d7d5e0 rgb(215,213,224)
```
#e2e0e8
```
#e2e0e8 rgb(226,224,232)
```
#ececf0
```
#ececf0 rgb(236,236,240)
```
#f7f7f9
```
#f7f7f9 rgb(247,247,249)
```

Tint Color Variation

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

#6a6876
```
#6a6876 rgb(106,104,118)
```
#645f7e
```
#645f7e rgb(100,95,126)
```
#5e5787
```
#5e5787 rgb(94,87,135)
```
#584e8f
```
#584e8f rgb(88,78,143)
```
#534698
```
#534698 rgb(83,70,152)
```
#4d3da0
```
#4d3da0 rgb(77,61,160)
```
#4735a9
```
#4735a9 rgb(71,53,169)
```
#412cb1
```
#412cb1 rgb(65,44,177)
```
#3c24ba
```
#3c24ba rgb(60,36,186)
```
#361bc2
```
#361bc2 rgb(54,27,194)
```
#3013cb
```
#3013cb rgb(48,19,203)
```
#2a0ad3
```
#2a0ad3 rgb(42,10,211)
```
#2501dc
```
#2501dc rgb(37,1,220)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#646369 Atypical Achromatopsia 0.001% of the population

Dichromacy

#636986 Protanopia 1% of men
#666984 Deuteranopia 1% of men
#686a72 Tritanopia 0.001% of the population

Trichromacy

#636583 Protanomaly 1% of men, 0.01% of women
#656581 Deuteranomaly 6% of men, 0.4% of women
#666676 Tritanomaly 0.01% of the population

#645f7e hex color

#645f7e Color Information

#645f7e Color Conversion

Color Schemes with #645f7e

Alternatives to #645f7e

#645f7e Preview

Shades and Tints of #645f7e

Tones of #645f7e

Color Blindness Simulator