#454a86 hex color

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

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

● #454a86 color description : Dark moderate blue.

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

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

CIE-LAB	33.739, 15.222, -34.363
XYZ	9.205, 7.884, 23.59
xyY	0.226, 0.194, 7.884
CIE-LCH	33.739, 37.583, 293.892
CIE-LUV	33.739, -5.303, -48.424
Hunter-Lab	28.078, 9.384, -30.158
Binary	01000101, 01001010, 10000110

#454a86
```
#454a86 rgb(69,74,134)
```
#868145
```
#868145 rgb(134,129,69)
```

Complementary Color

#456b86
```
#456b86 rgb(69,107,134)
```
#454a86
```
#454a86 rgb(69,74,134)
```
#614586
```
#614586 rgb(97,69,134)
```

Analogous Color

#6b8645
```
#6b8645 rgb(107,134,69)
```
#454a86
```
#454a86 rgb(69,74,134)
```
#866145
```
#866145 rgb(134,97,69)
```

Split Complementary Color

#4a8645
```
#4a8645 rgb(74,134,69)
```
#454a86
```
#454a86 rgb(69,74,134)
```
#86454a
```
#86454a rgb(134,69,74)
```

Triadic Color

#458681
```
#458681 rgb(69,134,129)
```
#454a86
```
#454a86 rgb(69,74,134)
```
#86454a
```
#86454a rgb(134,69,74)
```
#868145
```
#868145 rgb(134,129,69)
```

Tetradic Color

#2b2e54
```
#2b2e54 rgb(43,46,84)
```
#343764
```
#343764 rgb(52,55,100)
```
#3c4175
```
#3c4175 rgb(60,65,117)
```
#454a86
```
#454a86 rgb(69,74,134)
```
#4e5397
```
#4e5397 rgb(78,83,151)
```
#565da8
```
#565da8 rgb(86,93,168)
```
#676db1
```
#676db1 rgb(103,109,177)
```

Monochromatic Color

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

#455a86
```
#455a86 rgb(69,90,134)
```
#455586
```
#455586 rgb(69,85,134)
```
#454f86
```
#454f86 rgb(69,79,134)
```
#454a86
```
#454a86 rgb(69,74,134)
```
#454586
```
#454586 rgb(69,69,134)
```
#4b4586
```
#4b4586 rgb(75,69,134)
```
#504586
```
#504586 rgb(80,69,134)
```

Similar Colors

Text with hexadecimal color #454a86

This text has a font color of #454a86.

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

#454a86 background color

This paragraph has a background color of #454a86.

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

#454a86 border color

This element has a border color of #454a86.

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

CSS codes

.text {color:#454a86;}

.background {background-color:#454a86;}

.border {border:1px solid #454a86;}

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)
```
#090a11
```
#090a11 rgb(9,10,17)
```
#10111e
```
#10111e rgb(16,17,30)
```
#16182b
```
#16182b rgb(22,24,43)
```
#1d1f38
```
#1d1f38 rgb(29,31,56)
```
#242645
```
#242645 rgb(36,38,69)
```
#2a2d52
```
#2a2d52 rgb(42,45,82)
```
#31355f
```
#31355f rgb(49,53,95)
```
#383c6c
```
#383c6c rgb(56,60,108)
```
#3e4379
```
#3e4379 rgb(62,67,121)
```
#454a86
```
#454a86 rgb(69,74,134)
```
#4c5193
```
#4c5193 rgb(76,81,147)
```
#5258a0
```
#5258a0 rgb(82,88,160)
```

Shade Color Variation

#5b61ab
```
#5b61ab rgb(91,97,171)
```
#686eb1
```
#686eb1 rgb(104,110,177)
```
#757ab8
```
#757ab8 rgb(117,122,184)
```
#8287bf
```
#8287bf rgb(130,135,191)
```
#8f93c5
```
#8f93c5 rgb(143,147,197)
```
#9ca0cc
```
#9ca0cc rgb(156,160,204)
```
#a9acd3
```
#a9acd3 rgb(169,172,211)
```
#b6b9d9
```
#b6b9d9 rgb(182,185,217)
```
#c3c5e0
```
#c3c5e0 rgb(195,197,224)
```
#d0d1e7
```
#d0d1e7 rgb(208,209,231)
```
#dddeed
```
#dddeed rgb(221,222,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 #0715c4 is the most saturated one.

#646467
```
#646467 rgb(100,100,103)
```
#5c5e6f
```
#5c5e6f rgb(92,94,111)
```
#555776
```
#555776 rgb(85,87,118)
```
#4d517e
```
#4d517e rgb(77,81,126)
```
#454a86
```
#454a86 rgb(69,74,134)
```
#3d438e
```
#3d438e rgb(61,67,142)
```
#353d96
```
#353d96 rgb(53,61,150)
```
#2e369d
```
#2e369d rgb(46,54,157)
```
#2630a5
```
#2630a5 rgb(38,48,165)
```
#1e29ad
```
#1e29ad rgb(30,41,173)
```
#1622b5
```
#1622b5 rgb(22,34,181)
```
#0e1cbd
```
#0e1cbd rgb(14,28,189)
```
#0715c4
```
#0715c4 rgb(7,21,196)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#4d4e5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e568e Protanopia 1% of men
#36588a Deuteranopia 1% of men
#3f5d63 Tritanopia 0.001% of the population

Trichromacy

#40528b Protanomaly 1% of men, 0.01% of women
#3b5388 Deuteranomaly 6% of men, 0.4% of women
#415670 Tritanomaly 0.01% of the population

#454a86 hex color

#454a86 Color Information

#454a86 Color Conversion

Color Schemes with #454a86

Alternatives to #454a86

#454a86 Preview

Shades and Tints of #454a86

Tones of #454a86

Color Blindness Simulator