#645f77 hex color

In a RGB color space, hex #645f77 is composed of 39.2% red, 37.3% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 16% cyan, 20.2% magenta, 0% yellow and 53.3% black. It has a hue angle of 252.5 degrees, a saturation of 11.2% and a lightness of 42%. #645f77 color hex could be obtained by blending #c8beee with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 39
- G 37
- B 47
RGB color chart
- C 16
- M 20
- Y 0
- K 53
CMYK color chart

● #645f77 color description : Dark grayish blue.

The hexadecimal color #645f77 has RGB values of R:100, G:95, B:119 and CMYK values of C:0.16, M:0.2, Y:0, K:0.53. Its decimal value is 6578039.

Hex triplet	645f77	`#645f77`
RGB Decimal	100, 95, 119	`rgb(100,95,119)`
RGB Percent	39.2, 37.3, 46.7	`rgb(39.2%,37.3%,46.7%)`
CMYK	16, 20, 0, 53
HSL	252.5°, 11.2, 42	`hsl(252.5,11.2%,42%)`
HSV (or HSB)	252.5°, 20.2, 46.7
Web Safe	666666	`#666666`

CIE-LAB	41.572, 7.306, -12.78
XYZ	12.677, 12.226, 19.144
xyY	0.288, 0.278, 12.226
CIE-LCH	41.572, 14.721, 299.755
CIE-LUV	41.572, 1.187, -18.525
Hunter-Lab	34.965, 3.528, -7.986
Binary	01100100, 01011111, 01110111

#645f77
```
#645f77 rgb(100,95,119)
```
#72775f
```
#72775f rgb(114,119,95)
```

Complementary Color

#5f6677
```
#5f6677 rgb(95,102,119)
```
#645f77
```
#645f77 rgb(100,95,119)
```
#705f77
```
#705f77 rgb(112,95,119)
```

Analogous Color

#66775f
```
#66775f rgb(102,119,95)
```
#645f77
```
#645f77 rgb(100,95,119)
```
#77705f
```
#77705f rgb(119,112,95)
```

Split Complementary Color

#5f7764
```
#5f7764 rgb(95,119,100)
```
#645f77
```
#645f77 rgb(100,95,119)
```
#77645f
```
#77645f rgb(119,100,95)
```

Triadic Color

#5f7277
```
#5f7277 rgb(95,114,119)
```
#645f77
```
#645f77 rgb(100,95,119)
```
#77645f
```
#77645f rgb(119,100,95)
```
#72775f
```
#72775f rgb(114,119,95)
```

Tetradic Color

#403d4c
```
#403d4c rgb(64,61,76)
```
#4c485b
```
#4c485b rgb(76,72,91)
```
#585469
```
#585469 rgb(88,84,105)
```
#645f77
```
#645f77 rgb(100,95,119)
```
#706a85
```
#706a85 rgb(112,106,133)
```
#7c7792
```
#7c7792 rgb(124,119,146)
```
#8a859e
```
#8a859e rgb(138,133,158)
```

Monochromatic Color

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

#5f6077
```
#5f6077 rgb(95,96,119)
```
#605f77
```
#605f77 rgb(96,95,119)
```
#625f77
```
#625f77 rgb(98,95,119)
```
#645f77
```
#645f77 rgb(100,95,119)
```
#665f77
```
#665f77 rgb(102,95,119)
```
#685f77
```
#685f77 rgb(104,95,119)
```
#6a5f77
```
#6a5f77 rgb(106,95,119)
```

Similar Colors

Text with hexadecimal color #645f77

This text has a font color of #645f77.

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

#645f77 background color

This paragraph has a background color of #645f77.

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

#645f77 border color

This element has a border color of #645f77.

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

CSS codes

.text {color:#645f77;}

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

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

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, #08080a is the darkest color, while #fefefe is the lightest one.

#08080a
```
#08080a rgb(8,8,10)
```
#121115
```
#121115 rgb(18,17,21)
```
#1b1920
```
#1b1920 rgb(27,25,32)
```
#24222b
```
#24222b rgb(36,34,43)
```
#2d2b36
```
#2d2b36 rgb(45,43,54)
```
#363340
```
#363340 rgb(54,51,64)
```
#3f3c4b
```
#3f3c4b rgb(63,60,75)
```
#494556
```
#494556 rgb(73,69,86)
```
#524e61
```
#524e61 rgb(82,78,97)
```
#5b566c
```
#5b566c rgb(91,86,108)
```
#645f77
```
#645f77 rgb(100,95,119)
```
#6d6882
```
#6d6882 rgb(109,104,130)
```
#76708d
```
#76708d rgb(118,112,141)
```

Shade Color Variation

#817b96
```
#817b96 rgb(129,123,150)
```
#8b869e
```
#8b869e rgb(139,134,158)
```
#9691a7
```
#9691a7 rgb(150,145,167)
```
#a09cb0
```
#a09cb0 rgb(160,156,176)
```
#aaa7b9
```
#aaa7b9 rgb(170,167,185)
```
#b5b2c1
```
#b5b2c1 rgb(181,178,193)
```
#bfbdca
```
#bfbdca rgb(191,189,202)
```
#cac7d3
```
#cac7d3 rgb(202,199,211)
```
#d4d2db
```
#d4d2db rgb(212,210,219)
```
#dfdde4
```
#dfdde4 rgb(223,221,228)
```
#e9e8ed
```
#e9e8ed rgb(233,232,237)
```
#f4f3f6
```
#f4f3f6 rgb(244,243,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#69676f
```
#69676f rgb(105,103,111)
```
#645f77
```
#645f77 rgb(100,95,119)
```
#5f577f
```
#5f577f rgb(95,87,127)
```
#5a4f87
```
#5a4f87 rgb(90,79,135)
```
#564690
```
#564690 rgb(86,70,144)
```
#513e98
```
#513e98 rgb(81,62,152)
```
#4c36a0
```
#4c36a0 rgb(76,54,160)
```
#472ea8
```
#472ea8 rgb(71,46,168)
```
#4225b1
```
#4225b1 rgb(66,37,177)
```
#3e1db9
```
#3e1db9 rgb(62,29,185)
```
#3915c1
```
#3915c1 rgb(57,21,193)
```
#340dc9
```
#340dc9 rgb(52,13,201)
```
#2f04d2
```
#2f04d2 rgb(47,4,210)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#636267 Atypical Achromatopsia 0.001% of the population

Dichromacy

#64697f Protanopia 1% of men
#69687d Deuteranopia 1% of men
#696971 Tritanopia 0.001% of the population

Trichromacy

#64657c Protanomaly 1% of men, 0.01% of women
#67647b Deuteranomaly 6% of men, 0.4% of women
#676573 Tritanomaly 0.01% of the population

#645f77 hex color

#645f77 Color Information

#645f77 Color Conversion

Color Schemes with #645f77

Alternatives to #645f77

#645f77 Preview

Shades and Tints of #645f77

Tones of #645f77

Color Blindness Simulator