#455c86 hex color

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

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

● #455c86 color description : Dark moderate blue.

The hexadecimal color #455c86 has RGB values of R:69, G:92, B:134 and CMYK values of C:0.49, M:0.31, Y:0, K:0.47. Its decimal value is 4545670.

Hex triplet	455c86	`#455c86`
RGB Decimal	69, 92, 134	`rgb(69,92,134)`
RGB Percent	27.1, 36.1, 52.5	`rgb(27.1%,36.1%,52.5%)`
CMYK	49, 31, 0, 47
HSL	218.8°, 32, 39.8	`hsl(218.8,32%,39.8%)`
HSV (or HSB)	218.8°, 48.5, 52.5
Web Safe	336699	`#336699`

CIE-LAB	38.968, 3.617, -26.123
XYZ	10.584, 10.64, 24.049
xyY	0.234, 0.235, 10.64
CIE-LCH	38.968, 26.372, 277.883
CIE-LUV	38.968, -11.726, -37.067
Hunter-Lab	32.619, 0.831, -20.879
Binary	01000101, 01011100, 10000110

#455c86
```
#455c86 rgb(69,92,134)
```
#866f45
```
#866f45 rgb(134,111,69)
```

Complementary Color

#457d86
```
#457d86 rgb(69,125,134)
```
#455c86
```
#455c86 rgb(69,92,134)
```
#4f4586
```
#4f4586 rgb(79,69,134)
```

Analogous Color

#7d8645
```
#7d8645 rgb(125,134,69)
```
#455c86
```
#455c86 rgb(69,92,134)
```
#864f45
```
#864f45 rgb(134,79,69)
```

Split Complementary Color

#5c8645
```
#5c8645 rgb(92,134,69)
```
#455c86
```
#455c86 rgb(69,92,134)
```
#86455c
```
#86455c rgb(134,69,92)
```

Triadic Color

#45866f
```
#45866f rgb(69,134,111)
```
#455c86
```
#455c86 rgb(69,92,134)
```
#86455c
```
#86455c rgb(134,69,92)
```
#866f45
```
#866f45 rgb(134,111,69)
```

Tetradic Color

#2b3954
```
#2b3954 rgb(43,57,84)
```
#344564
```
#344564 rgb(52,69,100)
```
#3c5075
```
#3c5075 rgb(60,80,117)
```
#455c86
```
#455c86 rgb(69,92,134)
```
#4e6897
```
#4e6897 rgb(78,104,151)
```
#5673a8
```
#5673a8 rgb(86,115,168)
```
#6781b1
```
#6781b1 rgb(103,129,177)
```

Monochromatic Color

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

#456c86
```
#456c86 rgb(69,108,134)
```
#456786
```
#456786 rgb(69,103,134)
```
#456186
```
#456186 rgb(69,97,134)
```
#455c86
```
#455c86 rgb(69,92,134)
```
#455786
```
#455786 rgb(69,87,134)
```
#455186
```
#455186 rgb(69,81,134)
```
#454c86
```
#454c86 rgb(69,76,134)
```

Similar Colors

Text with hexadecimal color #455c86

This text has a font color of #455c86.

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

#455c86 background color

This paragraph has a background color of #455c86.

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

#455c86 border color

This element has a border color of #455c86.

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

CSS codes

.text {color:#455c86;}

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

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

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)
```
#1d2738
```
#1d2738 rgb(29,39,56)
```
#243045
```
#243045 rgb(36,48,69)
```
#2a3852
```
#2a3852 rgb(42,56,82)
```
#31415f
```
#31415f rgb(49,65,95)
```
#384a6c
```
#384a6c rgb(56,74,108)
```
#3e5379
```
#3e5379 rgb(62,83,121)
```
#455c86
```
#455c86 rgb(69,92,134)
```
#4c6593
```
#4c6593 rgb(76,101,147)
```
#526ea0
```
#526ea0 rgb(82,110,160)
```

Shade Color Variation

#5b77ab
```
#5b77ab rgb(91,119,171)
```
#6882b1
```
#6882b1 rgb(104,130,177)
```
#758db8
```
#758db8 rgb(117,141,184)
```
#8297bf
```
#8297bf rgb(130,151,191)
```
#8fa2c5
```
#8fa2c5 rgb(143,162,197)
```
#9cadcc
```
#9cadcc rgb(156,173,204)
```
#a9b8d3
```
#a9b8d3 rgb(169,184,211)
```
#b6c2d9
```
#b6c2d9 rgb(182,194,217)
```
#c3cde0
```
#c3cde0 rgb(195,205,224)
```
#d0d8e7
```
#d0d8e7 rgb(208,216,231)
```
#dde3ed
```
#dde3ed rgb(221,227,237)
```
#eaedf4
```
#eaedf4 rgb(234,237,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 #074ac4 is the most saturated one.

#646567
```
#646567 rgb(100,101,103)
```
#5c636f
```
#5c636f rgb(92,99,111)
```
#556176
```
#556176 rgb(85,97,118)
```
#4d5e7e
```
#4d5e7e rgb(77,94,126)
```
#455c86
```
#455c86 rgb(69,92,134)
```
#3d5a8e
```
#3d5a8e rgb(61,90,142)
```
#355796
```
#355796 rgb(53,87,150)
```
#2e559d
```
#2e559d rgb(46,85,157)
```
#2653a5
```
#2653a5 rgb(38,83,165)
```
#1e51ad
```
#1e51ad rgb(30,81,173)
```
#164eb5
```
#164eb5 rgb(22,78,181)
```
#0e4cbd
```
#0e4cbd rgb(14,76,189)
```
#074ac4
```
#074ac4 rgb(7,74,196)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#565a63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#56628b Protanopia 1% of men
#52638c Deuteranopia 1% of men
#446971 Tritanopia 0.001% of the population

Trichromacy

#506089 Protanomaly 1% of men, 0.01% of women
#4d608a Deuteranomaly 6% of men, 0.4% of women
#446479 Tritanomaly 0.01% of the population

#455c86 hex color

#455c86 Color Information

#455c86 Color Conversion

Color Schemes with #455c86

Alternatives to #455c86

#455c86 Preview

Shades and Tints of #455c86

Tones of #455c86

Color Blindness Simulator