#454a85 hex color

In a RGB color space, hex #454a85 is composed of 27.1% red, 29% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 48.1% cyan, 44.4% magenta, 0% yellow and 47.8% black. It has a hue angle of 235.3 degrees, a saturation of 31.7% and a lightness of 39.6%. #454a85 color hex could be obtained by blending #8a94ff with #00000b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 27
- G 29
- B 52
RGB color chart
- C 48
- M 44
- Y 0
- K 48
CMYK color chart

● #454a85 color description : Dark moderate blue.

The hexadecimal color #454a85 has RGB values of R:69, G:74, B:133 and CMYK values of C:0.48, M:0.44, Y:0, K:0.48. Its decimal value is 4541061.

Hex triplet	454a85	`#454a85`
RGB Decimal	69, 74, 133	`rgb(69,74,133)`
RGB Percent	27.1, 29, 52.2	`rgb(27.1%,29%,52.2%)`
CMYK	48, 44, 0, 48
HSL	235.3°, 31.7, 39.6	`hsl(235.3,31.7%,39.6%)`
HSV (or HSB)	235.3°, 48.1, 52.2
Web Safe	333399	`#333399`

CIE-LAB	33.681, 14.895, -33.84
XYZ	9.136, 7.856, 23.224
xyY	0.227, 0.195, 7.856
CIE-LCH	33.681, 36.973, 293.757
CIE-LUV	33.681, -5.258, -47.635
Hunter-Lab	28.028, 9.132, -29.507
Binary	01000101, 01001010, 10000101

#454a85
```
#454a85 rgb(69,74,133)
```
#858045
```
#858045 rgb(133,128,69)
```

Complementary Color

#456a85
```
#456a85 rgb(69,106,133)
```
#454a85
```
#454a85 rgb(69,74,133)
```
#604585
```
#604585 rgb(96,69,133)
```

Analogous Color

#6a8545
```
#6a8545 rgb(106,133,69)
```
#454a85
```
#454a85 rgb(69,74,133)
```
#856045
```
#856045 rgb(133,96,69)
```

Split Complementary Color

#4a8545
```
#4a8545 rgb(74,133,69)
```
#454a85
```
#454a85 rgb(69,74,133)
```
#85454a
```
#85454a rgb(133,69,74)
```

Triadic Color

#458580
```
#458580 rgb(69,133,128)
```
#454a85
```
#454a85 rgb(69,74,133)
```
#85454a
```
#85454a rgb(133,69,74)
```
#858045
```
#858045 rgb(133,128,69)
```

Tetradic Color

#2b2e53
```
#2b2e53 rgb(43,46,83)
```
#343763
```
#343763 rgb(52,55,99)
```
#3c4174
```
#3c4174 rgb(60,65,116)
```
#454a85
```
#454a85 rgb(69,74,133)
```
#4e5396
```
#4e5396 rgb(78,83,150)
```
#565da7
```
#565da7 rgb(86,93,167)
```
#676cb0
```
#676cb0 rgb(103,108,176)
```

Monochromatic Color

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

#455a85
```
#455a85 rgb(69,90,133)
```
#455585
```
#455585 rgb(69,85,133)
```
#454f85
```
#454f85 rgb(69,79,133)
```
#454a85
```
#454a85 rgb(69,74,133)
```
#454585
```
#454585 rgb(69,69,133)
```
#4b4585
```
#4b4585 rgb(75,69,133)
```
#504585
```
#504585 rgb(80,69,133)
```

Similar Colors

Text with hexadecimal color #454a85

This text has a font color of #454a85.

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

#454a85 background color

This paragraph has a background color of #454a85.

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

#454a85 border color

This element has a border color of #454a85.

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

CSS codes

.text {color:#454a85;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#090911
```
#090911 rgb(9,9,17)
```
#0f111e
```
#0f111e rgb(15,17,30)
```
#16182b
```
#16182b rgb(22,24,43)
```
#1d1f38
```
#1d1f38 rgb(29,31,56)
```
#232644
```
#232644 rgb(35,38,68)
```
#2a2d51
```
#2a2d51 rgb(42,45,81)
```
#31345e
```
#31345e rgb(49,52,94)
```
#383c6b
```
#383c6b rgb(56,60,107)
```
#3e4378
```
#3e4378 rgb(62,67,120)
```
#454a85
```
#454a85 rgb(69,74,133)
```
#4c5192
```
#4c5192 rgb(76,81,146)
```
#52589f
```
#52589f rgb(82,88,159)
```

Shade Color Variation

#5b61aa
```
#5b61aa rgb(91,97,170)
```
#686eb1
```
#686eb1 rgb(104,110,177)
```
#757ab7
```
#757ab7 rgb(117,122,183)
```
#8286be
```
#8286be rgb(130,134,190)
```
#8f93c5
```
#8f93c5 rgb(143,147,197)
```
#9c9fcb
```
#9c9fcb rgb(156,159,203)
```
#a8acd2
```
#a8acd2 rgb(168,172,210)
```
#b5b8d9
```
#b5b8d9 rgb(181,184,217)
```
#c2c5df
```
#c2c5df rgb(194,197,223)
```
#cfd1e6
```
#cfd1e6 rgb(207,209,230)
```
#dcdded
```
#dcdded rgb(220,221,237)
```
#e9eaf4
```
#e9eaf4 rgb(233,234,244)
```
#f6f6fa
```
#f6f6fa rgb(246,246,250)
```

Tint Color Variation

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

#646466
```
#646466 rgb(100,100,102)
```
#5c5e6e
```
#5c5e6e rgb(92,94,110)
```
#555775
```
#555775 rgb(85,87,117)
```
#4d517d
```
#4d517d rgb(77,81,125)
```
#454a85
```
#454a85 rgb(69,74,133)
```
#3d438d
```
#3d438d rgb(61,67,141)
```
#353d95
```
#353d95 rgb(53,61,149)
```
#2e369c
```
#2e369c rgb(46,54,156)
```
#2630a4
```
#2630a4 rgb(38,48,164)
```
#1e29ac
```
#1e29ac rgb(30,41,172)
```
#1623b4
```
#1623b4 rgb(22,35,180)
```
#0f1cbb
```
#0f1cbb rgb(15,28,187)
```
#0716c3
```
#0716c3 rgb(7,22,195)
```

Tone Color Variation

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

#3e568d Protanopia 1% of men
#375889 Deuteranopia 1% of men
#405c63 Tritanopia 0.001% of the population

Trichromacy

#41518a Protanomaly 1% of men, 0.01% of women
#3c5387 Deuteranomaly 6% of men, 0.4% of women
#42556f Tritanomaly 0.01% of the population

#454a85 hex color

#454a85 Color Information

#454a85 Color Conversion

Color Schemes with #454a85

Alternatives to #454a85

#454a85 Preview

Shades and Tints of #454a85

Tones of #454a85

Color Blindness Simulator