#646f7e hex color

In a RGB color space, hex #646f7e is composed of 39.2% red, 43.5% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 20.6% cyan, 11.9% magenta, 0% yellow and 50.6% black. It has a hue angle of 214.6 degrees, a saturation of 11.5% and a lightness of 44.3%. #646f7e color hex could be obtained by blending #c8defc with #000000. Closest websafe color is: #666666.

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

● #646f7e color description : Dark grayish blue.

The hexadecimal color #646f7e has RGB values of R:100, G:111, B:126 and CMYK values of C:0.21, M:0.12, Y:0, K:0.51. Its decimal value is 6582142.

Hex triplet	646f7e	`#646f7e`
RGB Decimal	100, 111, 126	`rgb(100,111,126)`
RGB Percent	39.2, 43.5, 49.4	`rgb(39.2%,43.5%,49.4%)`
CMYK	21, 12, 0, 51
HSL	214.6°, 11.5, 44.3	`hsl(214.6,11.5%,44.3%)`
HSV (or HSB)	214.6°, 20.6, 49.4
Web Safe	666666	`#666666`

CIE-LAB	46.424, -0.651, -9.679
XYZ	14.705, 15.584, 21.971
xyY	0.281, 0.298, 15.584
CIE-LCH	46.424, 9.701, 266.149
CIE-LUV	46.424, -6.483, -13.395
Hunter-Lab	39.477, -2.594, -5.364
Binary	01100100, 01101111, 01111110

#646f7e
```
#646f7e rgb(100,111,126)
```
#7e7364
```
#7e7364 rgb(126,115,100)
```

Complementary Color

#647c7e
```
#647c7e rgb(100,124,126)
```
#646f7e
```
#646f7e rgb(100,111,126)
```
#66647e
```
#66647e rgb(102,100,126)
```

Analogous Color

#7c7e64
```
#7c7e64 rgb(124,126,100)
```
#646f7e
```
#646f7e rgb(100,111,126)
```
#7e6664
```
#7e6664 rgb(126,102,100)
```

Split Complementary Color

#6f7e64
```
#6f7e64 rgb(111,126,100)
```
#646f7e
```
#646f7e rgb(100,111,126)
```
#7e646f
```
#7e646f rgb(126,100,111)
```

Triadic Color

#647e73
```
#647e73 rgb(100,126,115)
```
#646f7e
```
#646f7e rgb(100,111,126)
```
#7e646f
```
#7e646f rgb(126,100,111)
```
#7e7364
```
#7e7364 rgb(126,115,100)
```

Tetradic Color

#424953
```
#424953 rgb(66,73,83)
```
#4d5662
```
#4d5662 rgb(77,86,98)
```
#596270
```
#596270 rgb(89,98,112)
```
#646f7e
```
#646f7e rgb(100,111,126)
```
#6f7c8c
```
#6f7c8c rgb(111,124,140)
```
#7d8898
```
#7d8898 rgb(125,136,152)
```
#8b95a3
```
#8b95a3 rgb(139,149,163)
```

Monochromatic Color

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

#64767e
```
#64767e rgb(100,118,126)
```
#64737e
```
#64737e rgb(100,115,126)
```
#64717e
```
#64717e rgb(100,113,126)
```
#646f7e
```
#646f7e rgb(100,111,126)
```
#646d7e
```
#646d7e rgb(100,109,126)
```
#646b7e
```
#646b7e rgb(100,107,126)
```
#64697e
```
#64697e rgb(100,105,126)
```

Similar Colors

Text with hexadecimal color #646f7e

This text has a font color of #646f7e.

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

#646f7e background color

This paragraph has a background color of #646f7e.

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

#646f7e border color

This element has a border color of #646f7e.

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

CSS codes

.text {color:#646f7e;}

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

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

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

#050506
```
#050506 rgb(5,5,6)
```
#0d0f11
```
#0d0f11 rgb(13,15,17)
```
#16181c
```
#16181c rgb(22,24,28)
```
#1f2227
```
#1f2227 rgb(31,34,39)
```
#272c31
```
#272c31 rgb(39,44,49)
```
#30353c
```
#30353c rgb(48,53,60)
```
#393f47
```
#393f47 rgb(57,63,71)
```
#414852
```
#414852 rgb(65,72,82)
```
#4a525d
```
#4a525d rgb(74,82,93)
```
#535c68
```
#535c68 rgb(83,92,104)
```
#5b6573
```
#5b6573 rgb(91,101,115)
```
#646f7e
```
#646f7e rgb(100,111,126)
```
#6d7989
```
#6d7989 rgb(109,121,137)
```

Shade Color Variation

#778293
```
#778293 rgb(119,130,147)
```
#818c9b
```
#818c9b rgb(129,140,155)
```
#8c96a4
```
#8c96a4 rgb(140,150,164)
```
#97a0ad
```
#97a0ad rgb(151,160,173)
```
#a2aab5
```
#a2aab5 rgb(162,170,181)
```
#adb4be
```
#adb4be rgb(173,180,190)
```
#b8bec7
```
#b8bec7 rgb(184,190,199)
```
#c3c8cf
```
#c3c8cf rgb(195,200,207)
```
#ced2d8
```
#ced2d8 rgb(206,210,216)
```
#d9dce1
```
#d9dce1 rgb(217,220,225)
```
#e4e6e9
```
#e4e6e9 rgb(228,230,233)
```
#eff0f2
```
#eff0f2 rgb(239,240,242)
```
#fafafb
```
#fafafb rgb(250,250,251)
```

Tint Color Variation

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

#6d7075
```
#6d7075 rgb(109,112,117)
```
#646f7e
```
#646f7e rgb(100,111,126)
```
#5b6e87
```
#5b6e87 rgb(91,110,135)
```
#536c8f
```
#536c8f rgb(83,108,143)
```
#4a6b98
```
#4a6b98 rgb(74,107,152)
```
#416aa1
```
#416aa1 rgb(65,106,161)
```
#3968a9
```
#3968a9 rgb(57,104,169)
```
#3067b2
```
#3067b2 rgb(48,103,178)
```
#2766bb
```
#2766bb rgb(39,102,187)
```
#1e64c4
```
#1e64c4 rgb(30,100,196)
```
#1663cc
```
#1663cc rgb(22,99,204)
```
#0d62d5
```
#0d62d5 rgb(13,98,213)
```
#0460de
```
#0460de rgb(4,96,222)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#6b6d70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#737483 Protanopia 1% of men
#787285 Deuteranopia 1% of men
#6a777f Tritanopia 0.001% of the population

Trichromacy

#6d7281 Protanomaly 1% of men, 0.01% of women
#707183 Deuteranomaly 6% of men, 0.4% of women
#68747f Tritanomaly 0.01% of the population

#646f7e hex color

#646f7e Color Information

#646f7e Color Conversion

Color Schemes with #646f7e

Alternatives to #646f7e

#646f7e Preview

Shades and Tints of #646f7e

Tones of #646f7e

Color Blindness Simulator