#645f74 hex color

In a RGB color space, hex #645f74 is composed of 39.2% red, 37.3% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 13.8% cyan, 18.1% magenta, 0% yellow and 54.5% black. It has a hue angle of 254.3 degrees, a saturation of 10% and a lightness of 41.4%. #645f74 color hex could be obtained by blending #c8bee8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 39
- G 37
- B 45
RGB color chart
- C 14
- M 18
- Y 0
- K 55
CMYK color chart

● #645f74 color description : Dark grayish blue.

The hexadecimal color #645f74 has RGB values of R:100, G:95, B:116 and CMYK values of C:0.14, M:0.18, Y:0, K:0.55. Its decimal value is 6578036.

Hex triplet	645f74	`#645f74`
RGB Decimal	100, 95, 116	`rgb(100,95,116)`
RGB Percent	39.2, 37.3, 45.5	`rgb(39.2%,37.3%,45.5%)`
CMYK	14, 18, 0, 55
HSL	254.3°, 10, 41.4	`hsl(254.3,10%,41.4%)`
HSV (or HSB)	254.3°, 18.1, 45.5
Web Safe	666666	`#666666`

CIE-LAB	41.461, 6.59, -11.12
XYZ	12.5, 12.155, 18.21
xyY	0.292, 0.284, 12.155
CIE-LCH	41.461, 12.926, 300.652
CIE-LUV	41.461, 1.399, -16.062
Hunter-Lab	34.864, 2.986, -6.563
Binary	01100100, 01011111, 01110100

#645f74
```
#645f74 rgb(100,95,116)
```
#6f745f
```
#6f745f rgb(111,116,95)
```

Complementary Color

#5f6574
```
#5f6574 rgb(95,101,116)
```
#645f74
```
#645f74 rgb(100,95,116)
```
#6f5f74
```
#6f5f74 rgb(111,95,116)
```

Analogous Color

#65745f
```
#65745f rgb(101,116,95)
```
#645f74
```
#645f74 rgb(100,95,116)
```
#746f5f
```
#746f5f rgb(116,111,95)
```

Split Complementary Color

#5f7464
```
#5f7464 rgb(95,116,100)
```
#645f74
```
#645f74 rgb(100,95,116)
```
#74645f
```
#74645f rgb(116,100,95)
```

Triadic Color

#5f6f74
```
#5f6f74 rgb(95,111,116)
```
#645f74
```
#645f74 rgb(100,95,116)
```
#74645f
```
#74645f rgb(116,100,95)
```
#6f745f
```
#6f745f rgb(111,116,95)
```

Tetradic Color

#403d4a
```
#403d4a rgb(64,61,74)
```
#4c4858
```
#4c4858 rgb(76,72,88)
```
#585466
```
#585466 rgb(88,84,102)
```
#645f74
```
#645f74 rgb(100,95,116)
```
#706a82
```
#706a82 rgb(112,106,130)
```
#7d778f
```
#7d778f rgb(125,119,143)
```
#8a859b
```
#8a859b rgb(138,133,155)
```

Monochromatic Color

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

#5f5f74
```
#5f5f74 rgb(95,95,116)
```
#615f74
```
#615f74 rgb(97,95,116)
```
#625f74
```
#625f74 rgb(98,95,116)
```
#645f74
```
#645f74 rgb(100,95,116)
```
#665f74
```
#665f74 rgb(102,95,116)
```
#685f74
```
#685f74 rgb(104,95,116)
```
#695f74
```
#695f74 rgb(105,95,116)
```

Similar Colors

Text with hexadecimal color #645f74

This text has a font color of #645f74.

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

#645f74 background color

This paragraph has a background color of #645f74.

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

#645f74 border color

This element has a border color of #645f74.

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

CSS codes

.text {color:#645f74;}

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

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

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

#070708
```
#070708 rgb(7,7,8)
```
#101013
```
#101013 rgb(16,16,19)
```
#1a181e
```
#1a181e rgb(26,24,30)
```
#232129
```
#232129 rgb(35,33,41)
```
#2c2a33
```
#2c2a33 rgb(44,42,51)
```
#36333e
```
#36333e rgb(54,51,62)
```
#3f3c49
```
#3f3c49 rgb(63,60,73)
```
#484554
```
#484554 rgb(72,69,84)
```
#514d5e
```
#514d5e rgb(81,77,94)
```
#5b5669
```
#5b5669 rgb(91,86,105)
```
#645f74
```
#645f74 rgb(100,95,116)
```
#6d687f
```
#6d687f rgb(109,104,127)
```
#77718a
```
#77718a rgb(119,113,138)
```

Shade Color Variation

#817b93
```
#817b93 rgb(129,123,147)
```
#8b869c
```
#8b869c rgb(139,134,156)
```
#9591a5
```
#9591a5 rgb(149,145,165)
```
#a09bad
```
#a09bad rgb(160,155,173)
```
#aaa6b6
```
#aaa6b6 rgb(170,166,182)
```
#b4b1bf
```
#b4b1bf rgb(180,177,191)
```
#bfbcc8
```
#bfbcc8 rgb(191,188,200)
```
#c9c6d1
```
#c9c6d1 rgb(201,198,209)
```
#d3d1da
```
#d3d1da rgb(211,209,218)
```
#dedce2
```
#dedce2 rgb(222,220,226)
```
#e8e7eb
```
#e8e7eb rgb(232,231,235)
```
#f2f2f4
```
#f2f2f4 rgb(242,242,244)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#68676c
```
#68676c rgb(104,103,108)
```
#645f74
```
#645f74 rgb(100,95,116)
```
#60577c
```
#60577c rgb(96,87,124)
```
#5b4f84
```
#5b4f84 rgb(91,79,132)
```
#57478c
```
#57478c rgb(87,71,140)
```
#533f94
```
#533f94 rgb(83,63,148)
```
#4f369d
```
#4f369d rgb(79,54,157)
```
#4a2ea5
```
#4a2ea5 rgb(74,46,165)
```
#4626ad
```
#4626ad rgb(70,38,173)
```
#421eb5
```
#421eb5 rgb(66,30,181)
```
#3e16bd
```
#3e16bd rgb(62,22,189)
```
#390ec5
```
#390ec5 rgb(57,14,197)
```
#3506cd
```
#3506cd rgb(53,6,205)
```

Tone Color Variation

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

Dichromacy

#65697c Protanopia 1% of men
#6b677b Deuteranopia 1% of men
#696970 Tritanopia 0.001% of the population

Trichromacy

#656579 Protanomaly 1% of men, 0.01% of women
#686478 Deuteranomaly 6% of men, 0.4% of women
#676571 Tritanomaly 0.01% of the population

#645f74 hex color

#645f74 Color Information

#645f74 Color Conversion

Color Schemes with #645f74

Alternatives to #645f74

#645f74 Preview

Shades and Tints of #645f74

Tones of #645f74

Color Blindness Simulator