#645f78 hex color

In a RGB color space, hex #645f78 is composed of 39.2% red, 37.3% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 20.8% magenta, 0% yellow and 52.9% black. It has a hue angle of 252 degrees, a saturation of 11.6% and a lightness of 42.2%. #645f78 color hex could be obtained by blending #c8bef0 with #000000. Closest websafe color is: #666666.

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

● #645f78 color description : Dark grayish blue.

The hexadecimal color #645f78 has RGB values of R:100, G:95, B:120 and CMYK values of C:0.17, M:0.21, Y:0, K:0.53. Its decimal value is 6578040.

Hex triplet	645f78	`#645f78`
RGB Decimal	100, 95, 120	`rgb(100,95,120)`
RGB Percent	39.2, 37.3, 47.1	`rgb(39.2%,37.3%,47.1%)`
CMYK	17, 21, 0, 53
HSL	252°, 11.6, 42.2	`hsl(252,11.6%,42.2%)`
HSV (or HSB)	252°, 20.8, 47.1
Web Safe	666666	`#666666`

CIE-LAB	41.61, 7.548, -13.332
XYZ	12.737, 12.25, 19.462
xyY	0.287, 0.276, 12.25
CIE-LCH	41.61, 15.32, 299.516
CIE-LUV	41.61, 1.116, -19.349
Hunter-Lab	35, 3.711, -8.469
Binary	01100100, 01011111, 01111000

#645f78
```
#645f78 rgb(100,95,120)
```
#73785f
```
#73785f rgb(115,120,95)
```

Complementary Color

#5f6778
```
#5f6778 rgb(95,103,120)
```
#645f78
```
#645f78 rgb(100,95,120)
```
#715f78
```
#715f78 rgb(113,95,120)
```

Analogous Color

#67785f
```
#67785f rgb(103,120,95)
```
#645f78
```
#645f78 rgb(100,95,120)
```
#78715f
```
#78715f rgb(120,113,95)
```

Split Complementary Color

#5f7864
```
#5f7864 rgb(95,120,100)
```
#645f78
```
#645f78 rgb(100,95,120)
```
#78645f
```
#78645f rgb(120,100,95)
```

Triadic Color

#5f7378
```
#5f7378 rgb(95,115,120)
```
#645f78
```
#645f78 rgb(100,95,120)
```
#78645f
```
#78645f rgb(120,100,95)
```
#73785f
```
#73785f rgb(115,120,95)
```

Tetradic Color

#403d4d
```
#403d4d rgb(64,61,77)
```
#4c485c
```
#4c485c rgb(76,72,92)
```
#58546a
```
#58546a rgb(88,84,106)
```
#645f78
```
#645f78 rgb(100,95,120)
```
#706a86
```
#706a86 rgb(112,106,134)
```
#7c7793
```
#7c7793 rgb(124,119,147)
```
#8a859e
```
#8a859e rgb(138,133,158)
```

Monochromatic Color

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

#5f6078
```
#5f6078 rgb(95,96,120)
```
#605f78
```
#605f78 rgb(96,95,120)
```
#625f78
```
#625f78 rgb(98,95,120)
```
#645f78
```
#645f78 rgb(100,95,120)
```
#665f78
```
#665f78 rgb(102,95,120)
```
#685f78
```
#685f78 rgb(104,95,120)
```
#6a5f78
```
#6a5f78 rgb(106,95,120)
```

Similar Colors

Text with hexadecimal color #645f78

This text has a font color of #645f78.

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

#645f78 background color

This paragraph has a background color of #645f78.

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

#645f78 border color

This element has a border color of #645f78.

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

CSS codes

.text {color:#645f78;}

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

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

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, #09080b is the darkest color, while #ffffff is the lightest one.

#09080b
```
#09080b rgb(9,8,11)
```
#121115
```
#121115 rgb(18,17,21)
```
#1b1a20
```
#1b1a20 rgb(27,26,32)
```
#24222b
```
#24222b rgb(36,34,43)
```
#2d2b36
```
#2d2b36 rgb(45,43,54)
```
#363441
```
#363441 rgb(54,52,65)
```
#403c4c
```
#403c4c rgb(64,60,76)
```
#494557
```
#494557 rgb(73,69,87)
```
#524e62
```
#524e62 rgb(82,78,98)
```
#5b566d
```
#5b566d rgb(91,86,109)
```
#645f78
```
#645f78 rgb(100,95,120)
```
#6d6883
```
#6d6883 rgb(109,104,131)
```
#76708e
```
#76708e rgb(118,112,142)
```

Shade Color Variation

#817b97
```
#817b97 rgb(129,123,151)
```
#8b869f
```
#8b869f rgb(139,134,159)
```
#9691a8
```
#9691a8 rgb(150,145,168)
```
#a09cb1
```
#a09cb1 rgb(160,156,177)
```
#aba7b9
```
#aba7b9 rgb(171,167,185)
```
#b5b2c2
```
#b5b2c2 rgb(181,178,194)
```
#c0bdcb
```
#c0bdcb rgb(192,189,203)
```
#cac8d3
```
#cac8d3 rgb(202,200,211)
```
#d5d3dc
```
#d5d3dc rgb(213,211,220)
```
#dfdee5
```
#dfdee5 rgb(223,222,229)
```
#eae9ed
```
#eae9ed rgb(234,233,237)
```
#f4f4f6
```
#f4f4f6 rgb(244,244,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#696770
```
#696770 rgb(105,103,112)
```
#645f78
```
#645f78 rgb(100,95,120)
```
#5f5780
```
#5f5780 rgb(95,87,128)
```
#5a4e89
```
#5a4e89 rgb(90,78,137)
```
#554691
```
#554691 rgb(85,70,145)
```
#503e99
```
#503e99 rgb(80,62,153)
```
#4b36a1
```
#4b36a1 rgb(75,54,161)
```
#462daa
```
#462daa rgb(70,45,170)
```
#4125b2
```
#4125b2 rgb(65,37,178)
```
#3c1dba
```
#3c1dba rgb(60,29,186)
```
#3715c2
```
#3715c2 rgb(55,21,194)
```
#320ccb
```
#320ccb rgb(50,12,203)
```
#2d04d3
```
#2d04d3 rgb(45,4,211)
```

Tone Color Variation

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

#646980 Protanopia 1% of men
#69687e Deuteranopia 1% of men
#696971 Tritanopia 0.001% of the population

Trichromacy

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

#645f78 hex color

#645f78 Color Information

#645f78 Color Conversion

Color Schemes with #645f78

Alternatives to #645f78

#645f78 Preview

Shades and Tints of #645f78

Tones of #645f78

Color Blindness Simulator