#454685 hex color

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

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

● #454685 color description : Dark moderate blue.

The hexadecimal color #454685 has RGB values of R:69, G:70, B:133 and CMYK values of C:0.48, M:0.47, Y:0, K:0.48. Its decimal value is 4540037.

Hex triplet	454685	`#454685`
RGB Decimal	69, 70, 133	`rgb(69,70,133)`
RGB Percent	27.1, 27.5, 52.2	`rgb(27.1%,27.5%,52.2%)`
CMYK	48, 47, 0, 48
HSL	239.1°, 31.7, 39.6	`hsl(239.1,31.7%,39.6%)`
HSV (or HSB)	239.1°, 48.1, 52.2
Web Safe	333399	`#333399`

CIE-LAB	32.566, 17.52, -35.614
XYZ	8.877, 7.339, 23.138
xyY	0.226, 0.186, 7.339
CIE-LCH	32.566, 39.69, 296.194
CIE-LUV	32.566, -3.952, -49.832
Hunter-Lab	27.09, 11.085, -31.677
Binary	01000101, 01000110, 10000101

#454685
```
#454685 rgb(69,70,133)
```
#858445
```
#858445 rgb(133,132,69)
```

Complementary Color

#456685
```
#456685 rgb(69,102,133)
```
#454685
```
#454685 rgb(69,70,133)
```
#644585
```
#644585 rgb(100,69,133)
```

Analogous Color

#668545
```
#668545 rgb(102,133,69)
```
#454685
```
#454685 rgb(69,70,133)
```
#856445
```
#856445 rgb(133,100,69)
```

Split Complementary Color

#468545
```
#468545 rgb(70,133,69)
```
#454685
```
#454685 rgb(69,70,133)
```
#854546
```
#854546 rgb(133,69,70)
```

Triadic Color

#458584
```
#458584 rgb(69,133,132)
```
#454685
```
#454685 rgb(69,70,133)
```
#854546
```
#854546 rgb(133,69,70)
```
#858445
```
#858445 rgb(133,132,69)
```

Tetradic Color

#2b2b53
```
#2b2b53 rgb(43,43,83)
```
#343463
```
#343463 rgb(52,52,99)
```
#3c3d74
```
#3c3d74 rgb(60,61,116)
```
#454685
```
#454685 rgb(69,70,133)
```
#4e4f96
```
#4e4f96 rgb(78,79,150)
```
#5658a7
```
#5658a7 rgb(86,88,167)
```
#6768b0
```
#6768b0 rgb(103,104,176)
```

Monochromatic Color

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

#455685
```
#455685 rgb(69,86,133)
```
#455185
```
#455185 rgb(69,81,133)
```
#454b85
```
#454b85 rgb(69,75,133)
```
#454685
```
#454685 rgb(69,70,133)
```
#494585
```
#494585 rgb(73,69,133)
```
#4f4585
```
#4f4585 rgb(79,69,133)
```
#544585
```
#544585 rgb(84,69,133)
```

Similar Colors

Text with hexadecimal color #454685

This text has a font color of #454685.

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

#454685 background color

This paragraph has a background color of #454685.

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

#454685 border color

This element has a border color of #454685.

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

CSS codes

.text {color:#454685;}

.background {background-color:#454685;}

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

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)
```
#0f101e
```
#0f101e rgb(15,16,30)
```
#16162b
```
#16162b rgb(22,22,43)
```
#1d1d38
```
#1d1d38 rgb(29,29,56)
```
#232444
```
#232444 rgb(35,36,68)
```
#2a2b51
```
#2a2b51 rgb(42,43,81)
```
#31325e
```
#31325e rgb(49,50,94)
```
#38386b
```
#38386b rgb(56,56,107)
```
#3e3f78
```
#3e3f78 rgb(62,63,120)
```
#454685
```
#454685 rgb(69,70,133)
```
#4c4d92
```
#4c4d92 rgb(76,77,146)
```
#52549f
```
#52549f rgb(82,84,159)
```

Shade Color Variation

#5b5caa
```
#5b5caa rgb(91,92,170)
```
#6869b1
```
#6869b1 rgb(104,105,177)
```
#7576b7
```
#7576b7 rgb(117,118,183)
```
#8283be
```
#8283be rgb(130,131,190)
```
#8f8fc5
```
#8f8fc5 rgb(143,143,197)
```
#9c9ccb
```
#9c9ccb rgb(156,156,203)
```
#a8a9d2
```
#a8a9d2 rgb(168,169,210)
```
#b5b6d9
```
#b5b6d9 rgb(181,182,217)
```
#c2c3df
```
#c2c3df rgb(194,195,223)
```
#cfd0e6
```
#cfd0e6 rgb(207,208,230)
```
#dcdced
```
#dcdced rgb(220,220,237)
```
#e9e9f4
```
#e9e9f4 rgb(233,233,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 #070ac3 is the most saturated one.

#646466
```
#646466 rgb(100,100,102)
```
#5c5d6e
```
#5c5d6e rgb(92,93,110)
```
#555575
```
#555575 rgb(85,85,117)
```
#4d4e7d
```
#4d4e7d rgb(77,78,125)
```
#454685
```
#454685 rgb(69,70,133)
```
#3d3e8d
```
#3d3e8d rgb(61,62,141)
```
#353795
```
#353795 rgb(53,55,149)
```
#2e2f9c
```
#2e2f9c rgb(46,47,156)
```
#2628a4
```
#2628a4 rgb(38,40,164)
```
#1e20ac
```
#1e20ac rgb(30,32,172)
```
#1619b4
```
#1619b4 rgb(22,25,180)
```
#0f11bb
```
#0f11bb rgb(15,17,187)
```
#070ac3
```
#070ac3 rgb(7,10,195)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4b4c58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#38538e Protanopia 1% of men
#2f5688 Deuteranopia 1% of men
#3f5a60 Tritanopia 0.001% of the population

Trichromacy

#3c4e8b Protanomaly 1% of men, 0.01% of women
#375087 Deuteranomaly 6% of men, 0.4% of women
#41526d Tritanomaly 0.01% of the population

#454685 hex color

#454685 Color Information

#454685 Color Conversion

Color Schemes with #454685

Alternatives to #454685

#454685 Preview

Shades and Tints of #454685

Tones of #454685

Color Blindness Simulator