#646486 hex color

In a RGB color space, hex #646486 is composed of 39.2% red, 39.2% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 25.4% cyan, 25.4% magenta, 0% yellow and 47.5% black. It has a hue angle of 240 degrees, a saturation of 14.5% and a lightness of 45.9%. #646486 color hex could be obtained by blending #c8c8ff with #00000d. Closest websafe color is: #666699.

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

● #646486 color description : Mostly desaturated dark blue.

The hexadecimal color #646486 has RGB values of R:100, G:100, B:134 and CMYK values of C:0.25, M:0.25, Y:0, K:0.47. Its decimal value is 6579334.

Hex triplet	646486	`#646486`
RGB Decimal	100, 100, 134	`rgb(100,100,134)`
RGB Percent	39.2, 39.2, 52.5	`rgb(39.2%,39.2%,52.5%)`
CMYK	25, 25, 0, 47
HSL	240°, 14.5, 45.9	`hsl(240,14.5%,45.9%)`
HSV (or HSB)	240°, 25.4, 52.5
Web Safe	666699	`#666699`

CIE-LAB	43.573, 8, -18.808
XYZ	14.115, 13.545, 24.424
xyY	0.271, 0.26, 13.545
CIE-LCH	43.573, 20.439, 293.042
CIE-LUV	43.573, -1.996, -27.636
Hunter-Lab	36.803, 4.054, -13.584
Binary	01100100, 01100100, 10000110

#646486
```
#646486 rgb(100,100,134)
```
#868664
```
#868664 rgb(134,134,100)
```

Complementary Color

#647586
```
#647586 rgb(100,117,134)
```
#646486
```
#646486 rgb(100,100,134)
```
#756486
```
#756486 rgb(117,100,134)
```

Analogous Color

#758664
```
#758664 rgb(117,134,100)
```
#646486
```
#646486 rgb(100,100,134)
```
#867564
```
#867564 rgb(134,117,100)
```

Split Complementary Color

#648664
```
#648664 rgb(100,134,100)
```
#646486
```
#646486 rgb(100,100,134)
```
#866464
```
#866464 rgb(134,100,100)
```

Triadic Color

#648686
```
#648686 rgb(100,134,134)
```
#646486
```
#646486 rgb(100,100,134)
```
#866464
```
#866464 rgb(134,100,100)
```
#868664
```
#868664 rgb(134,134,100)
```

Tetradic Color

#43435a
```
#43435a rgb(67,67,90)
```
#4e4e69
```
#4e4e69 rgb(78,78,105)
```
#595977
```
#595977 rgb(89,89,119)
```
#646486
```
#646486 rgb(100,100,134)
```
#707094
```
#707094 rgb(112,112,148)
```
#7e7e9f
```
#7e7e9f rgb(126,126,159)
```
#8d8daa
```
#8d8daa rgb(141,141,170)
```

Monochromatic Color

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

#646d86
```
#646d86 rgb(100,109,134)
```
#646a86
```
#646a86 rgb(100,106,134)
```
#646786
```
#646786 rgb(100,103,134)
```
#646486
```
#646486 rgb(100,100,134)
```
#676486
```
#676486 rgb(103,100,134)
```
#6a6486
```
#6a6486 rgb(106,100,134)
```
#6d6486
```
#6d6486 rgb(109,100,134)
```

Similar Colors

Text with hexadecimal color #646486

This text has a font color of #646486.

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

#646486 background color

This paragraph has a background color of #646486.

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

#646486 border color

This element has a border color of #646486.

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

CSS codes

.text {color:#646486;}

.background {background-color:#646486;}

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

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)
```
#101016
```
#101016 rgb(16,16,22)
```
#191921
```
#191921 rgb(25,25,33)
```
#21212c
```
#21212c rgb(33,33,44)
```
#292937
```
#292937 rgb(41,41,55)
```
#323243
```
#323243 rgb(50,50,67)
```
#3a3a4e
```
#3a3a4e rgb(58,58,78)
```
#424259
```
#424259 rgb(66,66,89)
```
#4b4b64
```
#4b4b64 rgb(75,75,100)
```
#535370
```
#535370 rgb(83,83,112)
```
#5c5c7b
```
#5c5c7b rgb(92,92,123)
```
#646486
```
#646486 rgb(100,100,134)
```
#6c6c91
```
#6c6c91 rgb(108,108,145)
```

Shade Color Variation

#77779a
```
#77779a rgb(119,119,154)
```
#8383a2
```
#8383a2 rgb(131,131,162)
```
#8e8eab
```
#8e8eab rgb(142,142,171)
```
#9999b3
```
#9999b3 rgb(153,153,179)
```
#a4a4bb
```
#a4a4bb rgb(164,164,187)
```
#b0b0c4
```
#b0b0c4 rgb(176,176,196)
```
#bbbbcc
```
#bbbbcc rgb(187,187,204)
```
#c6c6d4
```
#c6c6d4 rgb(198,198,212)
```
#d1d1dd
```
#d1d1dd rgb(209,209,221)
```
#dddde5
```
#dddde5 rgb(221,221,229)
```
#e8e8ee
```
#e8e8ee rgb(232,232,238)
```
#f3f3f6
```
#f3f3f6 rgb(243,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, #6d6d7d is the less saturated color, while #0101e9 is the most saturated one.

#6d6d7d
```
#6d6d7d rgb(109,109,125)
```
#646486
```
#646486 rgb(100,100,134)
```
#5b5b8f
```
#5b5b8f rgb(91,91,143)
```
#525298
```
#525298 rgb(82,82,152)
```
#4949a1
```
#4949a1 rgb(73,73,161)
```
#4040aa
```
#4040aa rgb(64,64,170)
```
#3737b3
```
#3737b3 rgb(55,55,179)
```
#2e2ebc
```
#2e2ebc rgb(46,46,188)
```
#2525c5
```
#2525c5 rgb(37,37,197)
```
#1c1cce
```
#1c1cce rgb(28,28,206)
```
#1313d7
```
#1313d7 rgb(19,19,215)
```
#0a0ae0
```
#0a0ae0 rgb(10,10,224)
```
#0101e9
```
#0101e9 rgb(1,1,233)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#67676e Atypical Achromatopsia 0.001% of the population

Dichromacy

#656d8d Protanopia 1% of men
#686d8b Deuteranopia 1% of men
#677078 Tritanopia 0.001% of the population

Trichromacy

#656a8a Protanomaly 1% of men, 0.01% of women
#666989 Deuteranomaly 6% of men, 0.4% of women
#666b7d Tritanomaly 0.01% of the population

#646486 hex color

#646486 Color Information

#646486 Color Conversion

Color Schemes with #646486

Alternatives to #646486

#646486 Preview

Shades and Tints of #646486

Tones of #646486

Color Blindness Simulator