#454586 hex color

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

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

● #454586 color description : Dark moderate blue.

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

Hex triplet	454586	`#454586`
RGB Decimal	69, 69, 134	`rgb(69,69,134)`
RGB Percent	27.1, 27.1, 52.5	`rgb(27.1%,27.1%,52.5%)`
CMYK	49, 49, 0, 47
HSL	240°, 32, 39.8	`hsl(240,32%,39.8%)`
HSV (or HSB)	240°, 48.5, 52.5
Web Safe	333399	`#333399`

CIE-LAB	32.353, 18.502, -36.572
XYZ	8.885, 7.242, 23.483
xyY	0.224, 0.183, 7.242
CIE-LCH	32.353, 40.986, 296.835
CIE-LUV	32.353, -3.691, -51.129
Hunter-Lab	26.912, 11.834, -32.897
Binary	01000101, 01000101, 10000110

#454586
```
#454586 rgb(69,69,134)
```
#868645
```
#868645 rgb(134,134,69)
```

Complementary Color

#456686
```
#456686 rgb(69,102,134)
```
#454586
```
#454586 rgb(69,69,134)
```
#664586
```
#664586 rgb(102,69,134)
```

Analogous Color

#668645
```
#668645 rgb(102,134,69)
```
#454586
```
#454586 rgb(69,69,134)
```
#866645
```
#866645 rgb(134,102,69)
```

Split Complementary Color

#458645
```
#458645 rgb(69,134,69)
```
#454586
```
#454586 rgb(69,69,134)
```
#864545
```
#864545 rgb(134,69,69)
```

Triadic Color

#458686
```
#458686 rgb(69,134,134)
```
#454586
```
#454586 rgb(69,69,134)
```
#864545
```
#864545 rgb(134,69,69)
```
#868645
```
#868645 rgb(134,134,69)
```

Tetradic Color

#2b2b54
```
#2b2b54 rgb(43,43,84)
```
#343464
```
#343464 rgb(52,52,100)
```
#3c3c75
```
#3c3c75 rgb(60,60,117)
```
#454586
```
#454586 rgb(69,69,134)
```
#4e4e97
```
#4e4e97 rgb(78,78,151)
```
#5656a8
```
#5656a8 rgb(86,86,168)
```
#6767b1
```
#6767b1 rgb(103,103,177)
```

Monochromatic Color

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

#455586
```
#455586 rgb(69,85,134)
```
#455086
```
#455086 rgb(69,80,134)
```
#454a86
```
#454a86 rgb(69,74,134)
```
#454586
```
#454586 rgb(69,69,134)
```
#4a4586
```
#4a4586 rgb(74,69,134)
```
#504586
```
#504586 rgb(80,69,134)
```
#554586
```
#554586 rgb(85,69,134)
```

Similar Colors

Text with hexadecimal color #454586

This text has a font color of #454586.

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

#454586 background color

This paragraph has a background color of #454586.

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

#454586 border color

This element has a border color of #454586.

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

CSS codes

.text {color:#454586;}

.background {background-color:#454586;}

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

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

#020205
```
#020205 rgb(2,2,5)
```
#090911
```
#090911 rgb(9,9,17)
```
#10101e
```
#10101e rgb(16,16,30)
```
#16162b
```
#16162b rgb(22,22,43)
```
#1d1d38
```
#1d1d38 rgb(29,29,56)
```
#242445
```
#242445 rgb(36,36,69)
```
#2a2a52
```
#2a2a52 rgb(42,42,82)
```
#31315f
```
#31315f rgb(49,49,95)
```
#38386c
```
#38386c rgb(56,56,108)
```
#3e3e79
```
#3e3e79 rgb(62,62,121)
```
#454586
```
#454586 rgb(69,69,134)
```
#4c4c93
```
#4c4c93 rgb(76,76,147)
```
#5252a0
```
#5252a0 rgb(82,82,160)
```

Shade Color Variation

#5b5bab
```
#5b5bab rgb(91,91,171)
```
#6868b1
```
#6868b1 rgb(104,104,177)
```
#7575b8
```
#7575b8 rgb(117,117,184)
```
#8282bf
```
#8282bf rgb(130,130,191)
```
#8f8fc5
```
#8f8fc5 rgb(143,143,197)
```
#9c9ccc
```
#9c9ccc rgb(156,156,204)
```
#a9a9d3
```
#a9a9d3 rgb(169,169,211)
```
#b6b6d9
```
#b6b6d9 rgb(182,182,217)
```
#c3c3e0
```
#c3c3e0 rgb(195,195,224)
```
#d0d0e7
```
#d0d0e7 rgb(208,208,231)
```
#dddded
```
#dddded rgb(221,221,237)
```
#eaeaf4
```
#eaeaf4 rgb(234,234,244)
```
#f7f7fb
```
#f7f7fb rgb(247,247,251)
```

Tint Color Variation

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

#646467
```
#646467 rgb(100,100,103)
```
#5c5c6f
```
#5c5c6f rgb(92,92,111)
```
#555576
```
#555576 rgb(85,85,118)
```
#4d4d7e
```
#4d4d7e rgb(77,77,126)
```
#454586
```
#454586 rgb(69,69,134)
```
#3d3d8e
```
#3d3d8e rgb(61,61,142)
```
#353596
```
#353596 rgb(53,53,150)
```
#2e2e9d
```
#2e2e9d rgb(46,46,157)
```
#2626a5
```
#2626a5 rgb(38,38,165)
```
#1e1ead
```
#1e1ead rgb(30,30,173)
```
#1616b5
```
#1616b5 rgb(22,22,181)
```
#0e0ebd
```
#0e0ebd rgb(14,14,189)
```
#0707c4
```
#0707c4 rgb(7,7,196)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4b4b58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#355390 Protanopia 1% of men
#2c5689 Deuteranopia 1% of men
#3e5960 Tritanopia 0.001% of the population

Trichromacy

#3b4e8c Protanomaly 1% of men, 0.01% of women
#354f88 Deuteranomaly 6% of men, 0.4% of women
#40526d Tritanomaly 0.01% of the population

#454586 hex color

#454586 Color Information

#454586 Color Conversion

Color Schemes with #454586

Alternatives to #454586

#454586 Preview

Shades and Tints of #454586

Tones of #454586

Color Blindness Simulator