#646885 hex color

In a RGB color space, hex #646885 is composed of 39.2% red, 40.8% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 24.8% cyan, 21.8% magenta, 0% yellow and 47.8% black. It has a hue angle of 232.7 degrees, a saturation of 14.2% and a lightness of 45.7%. #646885 color hex could be obtained by blending #c8d0ff with #00000b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 39
- G 41
- B 52
RGB color chart
- C 25
- M 22
- Y 0
- K 48
CMYK color chart

● #646885 color description : Dark grayish blue.

The hexadecimal color #646885 has RGB values of R:100, G:104, B:133 and CMYK values of C:0.25, M:0.22, Y:0, K:0.48. Its decimal value is 6580357.

Hex triplet	646885	`#646885`
RGB Decimal	100, 104, 133	`rgb(100,104,133)`
RGB Percent	39.2, 40.8, 52.2	`rgb(39.2%,40.8%,52.2%)`
CMYK	25, 22, 0, 48
HSL	232.7°, 14.2, 45.7	`hsl(232.7,14.2%,45.7%)`
HSV (or HSB)	232.7°, 24.8, 52.2
Web Safe	666699	`#666699`

CIE-LAB	44.665, 5.302, -16.535
XYZ	14.439, 14.303, 24.189
xyY	0.273, 0.27, 14.303
CIE-LCH	44.665, 17.365, 287.779
CIE-LUV	44.665, -3.668, -24.068
Hunter-Lab	37.82, 1.963, -11.448
Binary	01100100, 01101000, 10000101

#646885
```
#646885 rgb(100,104,133)
```
#858164
```
#858164 rgb(133,129,100)
```

Complementary Color

#647985
```
#647985 rgb(100,121,133)
```
#646885
```
#646885 rgb(100,104,133)
```
#716485
```
#716485 rgb(113,100,133)
```

Analogous Color

#798564
```
#798564 rgb(121,133,100)
```
#646885
```
#646885 rgb(100,104,133)
```
#857164
```
#857164 rgb(133,113,100)
```

Split Complementary Color

#688564
```
#688564 rgb(104,133,100)
```
#646885
```
#646885 rgb(100,104,133)
```
#856468
```
#856468 rgb(133,100,104)
```

Triadic Color

#648581
```
#648581 rgb(100,133,129)
```
#646885
```
#646885 rgb(100,104,133)
```
#856468
```
#856468 rgb(133,100,104)
```
#858164
```
#858164 rgb(133,129,100)
```

Tetradic Color

#434659
```
#434659 rgb(67,70,89)
```
#4e5168
```
#4e5168 rgb(78,81,104)
```
#595d76
```
#595d76 rgb(89,93,118)
```
#646885
```
#646885 rgb(100,104,133)
```
#6f7493
```
#6f7493 rgb(111,116,147)
```
#7e829e
```
#7e829e rgb(126,130,158)
```
#8d90a9
```
#8d90a9 rgb(141,144,169)
```

Monochromatic Color

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

#647085
```
#647085 rgb(100,112,133)
```
#646e85
```
#646e85 rgb(100,110,133)
```
#646b85
```
#646b85 rgb(100,107,133)
```
#646885
```
#646885 rgb(100,104,133)
```
#646585
```
#646585 rgb(100,101,133)
```
#666485
```
#666485 rgb(102,100,133)
```
#686485
```
#686485 rgb(104,100,133)
```

Similar Colors

Text with hexadecimal color #646885

This text has a font color of #646885.

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

#646885 background color

This paragraph has a background color of #646885.

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

#646885 border color

This element has a border color of #646885.

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

CSS codes

.text {color:#646885;}

.background {background-color:#646885;}

.border {border:1px solid #646885;}

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

#07080a
```
#07080a rgb(7,8,10)
```
#101015
```
#101015 rgb(16,16,21)
```
#181920
```
#181920 rgb(24,25,32)
```
#21222b
```
#21222b rgb(33,34,43)
```
#292b37
```
#292b37 rgb(41,43,55)
```
#313342
```
#313342 rgb(49,51,66)
```
#3a3c4d
```
#3a3c4d rgb(58,60,77)
```
#424558
```
#424558 rgb(66,69,88)
```
#4b4e63
```
#4b4e63 rgb(75,78,99)
```
#53566f
```
#53566f rgb(83,86,111)
```
#5c5f7a
```
#5c5f7a rgb(92,95,122)
```
#646885
```
#646885 rgb(100,104,133)
```
#6c7190
```
#6c7190 rgb(108,113,144)
```

Shade Color Variation

#777b99
```
#777b99 rgb(119,123,153)
```
#8286a1
```
#8286a1 rgb(130,134,161)
```
#8e91aa
```
#8e91aa rgb(142,145,170)
```
#999cb2
```
#999cb2 rgb(153,156,178)
```
#a4a7bb
```
#a4a7bb rgb(164,167,187)
```
#afb2c3
```
#afb2c3 rgb(175,178,195)
```
#babdcb
```
#babdcb rgb(186,189,203)
```
#c6c7d4
```
#c6c7d4 rgb(198,199,212)
```
#d1d2dc
```
#d1d2dc rgb(209,210,220)
```
#dcdde5
```
#dcdde5 rgb(220,221,229)
```
#e7e8ed
```
#e7e8ed rgb(231,232,237)
```
#f2f3f6
```
#f2f3f6 rgb(242,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, #6d6f7c is the less saturated color, while #011de8 is the most saturated one.

#6d6f7c
```
#6d6f7c rgb(109,111,124)
```
#646885
```
#646885 rgb(100,104,133)
```
#5b618e
```
#5b618e rgb(91,97,142)
```
#525a97
```
#525a97 rgb(82,90,151)
```
#4954a0
```
#4954a0 rgb(73,84,160)
```
#404da9
```
#404da9 rgb(64,77,169)
```
#3746b2
```
#3746b2 rgb(55,70,178)
```
#2e3fbb
```
#2e3fbb rgb(46,63,187)
```
#2538c4
```
#2538c4 rgb(37,56,196)
```
#1c32cd
```
#1c32cd rgb(28,50,205)
```
#132bd6
```
#132bd6 rgb(19,43,214)
```
#0a24df
```
#0a24df rgb(10,36,223)
```
#011de8
```
#011de8 rgb(1,29,232)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#696a6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a708b Protanopia 1% of men
#6d6f8b Deuteranopia 1% of men
#68727b Tritanopia 0.001% of the population

Trichromacy

#686d89 Protanomaly 1% of men, 0.01% of women
#6a6c89 Deuteranomaly 6% of men, 0.4% of women
#666e7e Tritanomaly 0.01% of the population

#646885 hex color

#646885 Color Information

#646885 Color Conversion

Color Schemes with #646885

Alternatives to #646885

#646885 Preview

Shades and Tints of #646885

Tones of #646885

Color Blindness Simulator