#455e86 hex color

In a RGB color space, hex #455e86 is composed of 27.1% red, 36.9% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 48.5% cyan, 29.9% magenta, 0% yellow and 47.5% black. It has a hue angle of 216.9 degrees, a saturation of 32% and a lightness of 39.8%. #455e86 color hex could be obtained by blending #8abcff with #00000d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 27
- G 37
- B 53
RGB color chart
- C 49
- M 30
- Y 0
- K 47
CMYK color chart

● #455e86 color description : Dark moderate blue.

The hexadecimal color #455e86 has RGB values of R:69, G:94, B:134 and CMYK values of C:0.49, M:0.3, Y:0, K:0.47. Its decimal value is 4546182.

Hex triplet	455e86	`#455e86`
RGB Decimal	69, 94, 134	`rgb(69,94,134)`
RGB Percent	27.1, 36.9, 52.5	`rgb(27.1%,36.9%,52.5%)`
CMYK	49, 30, 0, 47
HSL	216.9°, 32, 39.8	`hsl(216.9,32%,39.8%)`
HSV (or HSB)	216.9°, 48.5, 52.5
Web Safe	336699	`#336699`

CIE-LAB	39.566, 2.362, -25.19
XYZ	10.759, 10.991, 24.108
xyY	0.235, 0.24, 10.991
CIE-LCH	39.566, 25.3, 275.356
CIE-LUV	39.566, -12.485, -35.686
Hunter-Lab	33.153, -0.09, -19.906
Binary	01000101, 01011110, 10000110

#455e86
```
#455e86 rgb(69,94,134)
```
#866d45
```
#866d45 rgb(134,109,69)
```

Complementary Color

#457f86
```
#457f86 rgb(69,127,134)
```
#455e86
```
#455e86 rgb(69,94,134)
```
#4d4586
```
#4d4586 rgb(77,69,134)
```

Analogous Color

#7f8645
```
#7f8645 rgb(127,134,69)
```
#455e86
```
#455e86 rgb(69,94,134)
```
#864d45
```
#864d45 rgb(134,77,69)
```

Split Complementary Color

#5e8645
```
#5e8645 rgb(94,134,69)
```
#455e86
```
#455e86 rgb(69,94,134)
```
#86455e
```
#86455e rgb(134,69,94)
```

Triadic Color

#45866d
```
#45866d rgb(69,134,109)
```
#455e86
```
#455e86 rgb(69,94,134)
```
#86455e
```
#86455e rgb(134,69,94)
```
#866d45
```
#866d45 rgb(134,109,69)
```

Tetradic Color

#2b3b54
```
#2b3b54 rgb(43,59,84)
```
#344664
```
#344664 rgb(52,70,100)
```
#3c5275
```
#3c5275 rgb(60,82,117)
```
#455e86
```
#455e86 rgb(69,94,134)
```
#4e6a97
```
#4e6a97 rgb(78,106,151)
```
#5676a8
```
#5676a8 rgb(86,118,168)
```
#6783b1
```
#6783b1 rgb(103,131,177)
```

Monochromatic Color

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

#456e86
```
#456e86 rgb(69,110,134)
```
#456986
```
#456986 rgb(69,105,134)
```
#456386
```
#456386 rgb(69,99,134)
```
#455e86
```
#455e86 rgb(69,94,134)
```
#455986
```
#455986 rgb(69,89,134)
```
#455386
```
#455386 rgb(69,83,134)
```
#454e86
```
#454e86 rgb(69,78,134)
```

Similar Colors

Text with hexadecimal color #455e86

This text has a font color of #455e86.

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

#455e86 background color

This paragraph has a background color of #455e86.

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

#455e86 border color

This element has a border color of #455e86.

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

CSS codes

.text {color:#455e86;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#090c11
```
#090c11 rgb(9,12,17)
```
#10151e
```
#10151e rgb(16,21,30)
```
#161e2b
```
#161e2b rgb(22,30,43)
```
#1d2838
```
#1d2838 rgb(29,40,56)
```
#243145
```
#243145 rgb(36,49,69)
```
#2a3a52
```
#2a3a52 rgb(42,58,82)
```
#31435f
```
#31435f rgb(49,67,95)
```
#384c6c
```
#384c6c rgb(56,76,108)
```
#3e5579
```
#3e5579 rgb(62,85,121)
```
#455e86
```
#455e86 rgb(69,94,134)
```
#4c6793
```
#4c6793 rgb(76,103,147)
```
#5270a0
```
#5270a0 rgb(82,112,160)
```

Shade Color Variation

#5b7aab
```
#5b7aab rgb(91,122,171)
```
#6884b1
```
#6884b1 rgb(104,132,177)
```
#758fb8
```
#758fb8 rgb(117,143,184)
```
#8299bf
```
#8299bf rgb(130,153,191)
```
#8fa4c5
```
#8fa4c5 rgb(143,164,197)
```
#9caecc
```
#9caecc rgb(156,174,204)
```
#a9b9d3
```
#a9b9d3 rgb(169,185,211)
```
#b6c3d9
```
#b6c3d9 rgb(182,195,217)
```
#c3cee0
```
#c3cee0 rgb(195,206,224)
```
#d0d9e7
```
#d0d9e7 rgb(208,217,231)
```
#dde3ed
```
#dde3ed rgb(221,227,237)
```
#eaeef4
```
#eaeef4 rgb(234,238,244)
```
#f7f8fb
```
#f7f8fb rgb(247,248,251)
```

Tint Color Variation

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

#646567
```
#646567 rgb(100,101,103)
```
#5c636f
```
#5c636f rgb(92,99,111)
```
#556276
```
#556276 rgb(85,98,118)
```
#4d607e
```
#4d607e rgb(77,96,126)
```
#455e86
```
#455e86 rgb(69,94,134)
```
#3d5c8e
```
#3d5c8e rgb(61,92,142)
```
#355a96
```
#355a96 rgb(53,90,150)
```
#2e599d
```
#2e599d rgb(46,89,157)
```
#2657a5
```
#2657a5 rgb(38,87,165)
```
#1e55ad
```
#1e55ad rgb(30,85,173)
```
#1653b5
```
#1653b5 rgb(22,83,181)
```
#0e51bd
```
#0e51bd rgb(14,81,189)
```
#0750c4
```
#0750c4 rgb(7,80,196)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#575c64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#58648a Protanopia 1% of men
#55648c Deuteranopia 1% of men
#456b73 Tritanopia 0.001% of the population

Trichromacy

#516289 Protanomaly 1% of men, 0.01% of women
#4f628a Deuteranomaly 6% of men, 0.4% of women
#45667a Tritanomaly 0.01% of the population

#455e86 hex color

#455e86 Color Information

#455e86 Color Conversion

Color Schemes with #455e86

Alternatives to #455e86

#455e86 Preview

Shades and Tints of #455e86

Tones of #455e86

Color Blindness Simulator