#646a94 hex color

In a RGB color space, hex #646a94 is composed of 39.2% red, 41.6% green and 58% blue. Whereas in a CMYK color space, it is composed of 32.4% cyan, 28.4% magenta, 0% yellow and 42% black. It has a hue angle of 232.5 degrees, a saturation of 19.4% and a lightness of 48.6%. #646a94 color hex could be obtained by blending #c8d4ff with #000029. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 39
- G 42
- B 58
RGB color chart
- C 32
- M 28
- Y 0
- K 42
CMYK color chart

● #646a94 color description : Mostly desaturated dark blue.

The hexadecimal color #646a94 has RGB values of R:100, G:106, B:148 and CMYK values of C:0.32, M:0.28, Y:0, K:0.42. Its decimal value is 6580884.

Hex triplet	646a94	`#646a94`
RGB Decimal	100, 106, 148	`rgb(100,106,148)`
RGB Percent	39.2, 41.6, 58	`rgb(39.2%,41.6%,58%)`
CMYK	32, 28, 0, 42
HSL	232.5°, 19.4, 48.6	`hsl(232.5,19.4%,48.6%)`
HSV (or HSB)	232.5°, 32.4, 58
Web Safe	666699	`#666699`

CIE-LAB	45.846, 8.076, -23.67
XYZ	15.754, 15.155, 30.111
xyY	0.258, 0.248, 15.155
CIE-LCH	45.846, 25.01, 288.839
CIE-LUV	45.846, -5.268, -35.31
Hunter-Lab	38.93, 4.107, -18.608
Binary	01100100, 01101010, 10010100

#646a94
```
#646a94 rgb(100,106,148)
```
#948e64
```
#948e64 rgb(148,142,100)
```

Complementary Color

#648294
```
#648294 rgb(100,130,148)
```
#646a94
```
#646a94 rgb(100,106,148)
```
#766494
```
#766494 rgb(118,100,148)
```

Analogous Color

#829464
```
#829464 rgb(130,148,100)
```
#646a94
```
#646a94 rgb(100,106,148)
```
#947664
```
#947664 rgb(148,118,100)
```

Split Complementary Color

#6a9464
```
#6a9464 rgb(106,148,100)
```
#646a94
```
#646a94 rgb(100,106,148)
```
#94646a
```
#94646a rgb(148,100,106)
```

Triadic Color

#64948e
```
#64948e rgb(100,148,142)
```
#646a94
```
#646a94 rgb(100,106,148)
```
#94646a
```
#94646a rgb(148,100,106)
```
#948e64
```
#948e64 rgb(148,142,100)
```

Tetradic Color

#454966
```
#454966 rgb(69,73,102)
```
#4f5476
```
#4f5476 rgb(79,84,118)
```
#5a5f85
```
#5a5f85 rgb(90,95,133)
```
#646a94
```
#646a94 rgb(100,106,148)
```
#7278a0
```
#7278a0 rgb(114,120,160)
```
#8186aa
```
#8186aa rgb(129,134,170)
```
#9095b4
```
#9095b4 rgb(144,149,180)
```

Monochromatic Color

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

#647694
```
#647694 rgb(100,118,148)
```
#647294
```
#647294 rgb(100,114,148)
```
#646e94
```
#646e94 rgb(100,110,148)
```
#646a94
```
#646a94 rgb(100,106,148)
```
#646694
```
#646694 rgb(100,102,148)
```
#666494
```
#666494 rgb(102,100,148)
```
#6a6494
```
#6a6494 rgb(106,100,148)
```

Similar Colors

Text with hexadecimal color #646a94

This text has a font color of #646a94.

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

#646a94 background color

This paragraph has a background color of #646a94.

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

#646a94 border color

This element has a border color of #646a94.

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

CSS codes

.text {color:#646a94;}

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

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

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

#050508
```
#050508 rgb(5,5,8)
```
#0d0e13
```
#0d0e13 rgb(13,14,19)
```
#15161f
```
#15161f rgb(21,22,31)
```
#1d1f2b
```
#1d1f2b rgb(29,31,43)
```
#252736
```
#252736 rgb(37,39,54)
```
#2d2f42
```
#2d2f42 rgb(45,47,66)
```
#35384e
```
#35384e rgb(53,56,78)
```
#3c4059
```
#3c4059 rgb(60,64,89)
```
#444865
```
#444865 rgb(68,72,101)
```
#4c5171
```
#4c5171 rgb(76,81,113)
```
#54597d
```
#54597d rgb(84,89,125)
```
#5c6288
```
#5c6288 rgb(92,98,136)
```
#646a94
```
#646a94 rgb(100,106,148)
```

Shade Color Variation

#6e749d
```
#6e749d rgb(110,116,157)
```
#7a7fa5
```
#7a7fa5 rgb(122,127,165)
```
#868bad
```
#868bad rgb(134,139,173)
```
#9196b5
```
#9196b5 rgb(145,150,181)
```
#9da1bd
```
#9da1bd rgb(157,161,189)
```
#a9acc5
```
#a9acc5 rgb(169,172,197)
```
#b5b8cd
```
#b5b8cd rgb(181,184,205)
```
#c0c3d5
```
#c0c3d5 rgb(192,195,213)
```
#cccedd
```
#cccedd rgb(204,206,221)
```
#d8d9e4
```
#d8d9e4 rgb(216,217,228)
```
#e3e5ec
```
#e3e5ec rgb(227,229,236)
```
#eff0f4
```
#eff0f4 rgb(239,240,244)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

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

#777881
```
#777881 rgb(119,120,129)
```
#6e718a
```
#6e718a rgb(110,113,138)
```
#646a94
```
#646a94 rgb(100,106,148)
```
#5a639e
```
#5a639e rgb(90,99,158)
```
#515ca7
```
#515ca7 rgb(81,92,167)
```
#4755b1
```
#4755b1 rgb(71,85,177)
```
#3e4dba
```
#3e4dba rgb(62,77,186)
```
#3446c4
```
#3446c4 rgb(52,70,196)
```
#2b3fcd
```
#2b3fcd rgb(43,63,205)
```
#2138d7
```
#2138d7 rgb(33,56,215)
```
#1831e0
```
#1831e0 rgb(24,49,224)
```
#0e2aea
```
#0e2aea rgb(14,42,234)
```
#0522f3
```
#0522f3 rgb(5,34,243)
```

Tone Color Variation

Below, you can see how #646a94 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
#6b6c75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#67729a Protanopia 1% of men
#687299 Deuteranopia 1% of men
#65767f Tritanopia 0.001% of the population

Trichromacy

#666f97 Protanomaly 1% of men, 0.01% of women
#666f97 Deuteranomaly 6% of men, 0.4% of women
#647286 Tritanomaly 0.01% of the population

#646a94 hex color

#646a94 Color Information

#646a94 Color Conversion

Color Schemes with #646a94

Alternatives to #646a94

#646a94 Preview

Shades and Tints of #646a94

Tones of #646a94

Color Blindness Simulator