#464e86 hex color

In a RGB color space, hex #464e86 is composed of 27.5% red, 30.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 47.8% cyan, 41.8% magenta, 0% yellow and 47.5% black. It has a hue angle of 232.5 degrees, a saturation of 31.4% and a lightness of 40%. #464e86 color hex could be obtained by blending #8c9cff with #00000d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 27
- G 31
- B 53
RGB color chart
- C 48
- M 42
- Y 0
- K 47
CMYK color chart

● #464e86 color description : Dark moderate blue.

The hexadecimal color #464e86 has RGB values of R:70, G:78, B:134 and CMYK values of C:0.48, M:0.42, Y:0, K:0.47. Its decimal value is 4607622.

Hex triplet	464e86	`#464e86`
RGB Decimal	70, 78, 134	`rgb(70,78,134)`
RGB Percent	27.5, 30.6, 52.5	`rgb(27.5%,30.6%,52.5%)`
CMYK	48, 42, 0, 47
HSL	232.5°, 31.4, 40	`hsl(232.5,31.4%,40%)`
HSV (or HSB)	232.5°, 47.8, 52.5
Web Safe	336699	`#336699`

CIE-LAB	34.947, 12.869, -32.443
XYZ	9.552, 8.472, 23.685
xyY	0.229, 0.203, 8.472
CIE-LCH	34.947, 34.902, 291.637
CIE-LUV	34.947, -6.297, -45.981
Hunter-Lab	29.106, 7.646, -27.872
Binary	01000110, 01001110, 10000110

#464e86
```
#464e86 rgb(70,78,134)
```
#867e46
```
#867e46 rgb(134,126,70)
```

Complementary Color

#466e86
```
#466e86 rgb(70,110,134)
```
#464e86
```
#464e86 rgb(70,78,134)
```
#5e4686
```
#5e4686 rgb(94,70,134)
```

Analogous Color

#6e8646
```
#6e8646 rgb(110,134,70)
```
#464e86
```
#464e86 rgb(70,78,134)
```
#865e46
```
#865e46 rgb(134,94,70)
```

Split Complementary Color

#4e8646
```
#4e8646 rgb(78,134,70)
```
#464e86
```
#464e86 rgb(70,78,134)
```
#86464e
```
#86464e rgb(134,70,78)
```

Triadic Color

#46867e
```
#46867e rgb(70,134,126)
```
#464e86
```
#464e86 rgb(70,78,134)
```
#86464e
```
#86464e rgb(134,70,78)
```
#867e46
```
#867e46 rgb(134,126,70)
```

Tetradic Color

#2c3154
```
#2c3154 rgb(44,49,84)
```
#353b65
```
#353b65 rgb(53,59,101)
```
#3d4475
```
#3d4475 rgb(61,68,117)
```
#464e86
```
#464e86 rgb(70,78,134)
```
#4f5897
```
#4f5897 rgb(79,88,151)
```
#5862a8
```
#5862a8 rgb(88,98,168)
```
#6871b0
```
#6871b0 rgb(104,113,176)
```

Monochromatic Color

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

#465e86
```
#465e86 rgb(70,94,134)
```
#465986
```
#465986 rgb(70,89,134)
```
#465386
```
#465386 rgb(70,83,134)
```
#464e86
```
#464e86 rgb(70,78,134)
```
#464986
```
#464986 rgb(70,73,134)
```
#494686
```
#494686 rgb(73,70,134)
```
#4e4686
```
#4e4686 rgb(78,70,134)
```

Similar Colors

Text with hexadecimal color #464e86

This text has a font color of #464e86.

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

#464e86 background color

This paragraph has a background color of #464e86.

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

#464e86 border color

This element has a border color of #464e86.

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

CSS codes

.text {color:#464e86;}

.background {background-color:#464e86;}

.border {border:1px solid #464e86;}

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

#030305
```
#030305 rgb(3,3,5)
```
#090b12
```
#090b12 rgb(9,11,18)
```
#10121f
```
#10121f rgb(16,18,31)
```
#171a2c
```
#171a2c rgb(23,26,44)
```
#1e2139
```
#1e2139 rgb(30,33,57)
```
#242946
```
#242946 rgb(36,41,70)
```
#2b3052
```
#2b3052 rgb(43,48,82)
```
#32385f
```
#32385f rgb(50,56,95)
```
#393f6c
```
#393f6c rgb(57,63,108)
```
#3f4779
```
#3f4779 rgb(63,71,121)
```
#464e86
```
#464e86 rgb(70,78,134)
```
#4d5693
```
#4d5693 rgb(77,86,147)
```
#535da0
```
#535da0 rgb(83,93,160)
```

Shade Color Variation

#5d66aa
```
#5d66aa rgb(93,102,170)
```
#6a72b1
```
#6a72b1 rgb(106,114,177)
```
#767fb8
```
#767fb8 rgb(118,127,184)
```
#838bbe
```
#838bbe rgb(131,139,190)
```
#9097c5
```
#9097c5 rgb(144,151,197)
```
#9da3cc
```
#9da3cc rgb(157,163,204)
```
#aaafd3
```
#aaafd3 rgb(170,175,211)
```
#b7bbd9
```
#b7bbd9 rgb(183,187,217)
```
#c4c7e0
```
#c4c7e0 rgb(196,199,224)
```
#d1d3e7
```
#d1d3e7 rgb(209,211,231)
```
#dee0ee
```
#dee0ee rgb(222,224,238)
```
#eaecf4
```
#eaecf4 rgb(234,236,244)
```
#f7f8fb
```
#f7f8fb rgb(247,248,251)
```

Tint Color Variation

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

#656667
```
#656667 rgb(101,102,103)
```
#5e606e
```
#5e606e rgb(94,96,110)
```
#565a76
```
#565a76 rgb(86,90,118)
```
#4e547e
```
#4e547e rgb(78,84,126)
```
#464e86
```
#464e86 rgb(70,78,134)
```
#3e488e
```
#3e488e rgb(62,72,142)
```
#364296
```
#364296 rgb(54,66,150)
```
#2e3c9e
```
#2e3c9e rgb(46,60,158)
```
#2736a5
```
#2736a5 rgb(39,54,165)
```
#1f31ad
```
#1f31ad rgb(31,49,173)
```
#172bb5
```
#172bb5 rgb(23,43,181)
```
#0f25bd
```
#0f25bd rgb(15,37,189)
```
#071fc5
```
#071fc5 rgb(7,31,197)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#50515c Atypical Achromatopsia 0.001% of the population

Dichromacy

#44598e Protanopia 1% of men
#3d5b8a Deuteranopia 1% of men
#425f66 Tritanopia 0.001% of the population

Trichromacy

#45558b Protanomaly 1% of men, 0.01% of women
#405688 Deuteranomaly 6% of men, 0.4% of women
#435972 Tritanomaly 0.01% of the population

#464e86 hex color

#464e86 Color Information

#464e86 Color Conversion

Color Schemes with #464e86

Alternatives to #464e86

#464e86 Preview

Shades and Tints of #464e86

Tones of #464e86

Color Blindness Simulator