#454d8e hex color

In a RGB color space, hex #454d8e is composed of 27.1% red, 30.2% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 45.8% magenta, 0% yellow and 44.3% black. It has a hue angle of 233.4 degrees, a saturation of 34.6% and a lightness of 41.4%. #454d8e color hex could be obtained by blending #8a9aff with #00001d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 27
- G 30
- B 56
RGB color chart
- C 51
- M 46
- Y 0
- K 44
CMYK color chart

● #454d8e color description : Dark moderate blue.

The hexadecimal color #454d8e has RGB values of R:69, G:77, B:142 and CMYK values of C:0.51, M:0.46, Y:0, K:0.44. Its decimal value is 4541838.

Hex triplet	454d8e	`#454d8e`
RGB Decimal	69, 77, 142	`rgb(69,77,142)`
RGB Percent	27.1, 30.2, 55.7	`rgb(27.1%,30.2%,55.7%)`
CMYK	51, 46, 0, 44
HSL	233.4°, 34.6, 41.4	`hsl(233.4,34.6%,41.4%)`
HSV (or HSB)	233.4°, 51.4, 55.7
Web Safe	336699	`#336699`

CIE-LAB	35.054, 15.899, -37.173
XYZ	9.99, 8.526, 26.709
xyY	0.221, 0.189, 8.526
CIE-LCH	35.054, 40.43, 293.157
CIE-LUV	35.054, -6.628, -53.027
Hunter-Lab	29.199, 9.972, -33.795
Binary	01000101, 01001101, 10001110

#454d8e
```
#454d8e rgb(69,77,142)
```
#8e8645
```
#8e8645 rgb(142,134,69)
```

Complementary Color

#45728e
```
#45728e rgb(69,114,142)
```
#454d8e
```
#454d8e rgb(69,77,142)
```
#62458e
```
#62458e rgb(98,69,142)
```

Analogous Color

#728e45
```
#728e45 rgb(114,142,69)
```
#454d8e
```
#454d8e rgb(69,77,142)
```
#8e6245
```
#8e6245 rgb(142,98,69)
```

Split Complementary Color

#4d8e45
```
#4d8e45 rgb(77,142,69)
```
#454d8e
```
#454d8e rgb(69,77,142)
```
#8e454d
```
#8e454d rgb(142,69,77)
```

Triadic Color

#458e86
```
#458e86 rgb(69,142,134)
```
#454d8e
```
#454d8e rgb(69,77,142)
```
#8e454d
```
#8e454d rgb(142,69,77)
```
#8e8645
```
#8e8645 rgb(142,134,69)
```

Tetradic Color

#2c315b
```
#2c315b rgb(44,49,91)
```
#343a6c
```
#343a6c rgb(52,58,108)
```
#3d447d
```
#3d447d rgb(61,68,125)
```
#454d8e
```
#454d8e rgb(69,77,142)
```
#4d569f
```
#4d569f rgb(77,86,159)
```
#5862ae
```
#5862ae rgb(88,98,174)
```
#6972b6
```
#6972b6 rgb(105,114,182)
```

Monochromatic Color

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

#455f8e
```
#455f8e rgb(69,95,142)
```
#45598e
```
#45598e rgb(69,89,142)
```
#45538e
```
#45538e rgb(69,83,142)
```
#454d8e
```
#454d8e rgb(69,77,142)
```
#45478e
```
#45478e rgb(69,71,142)
```
#49458e
```
#49458e rgb(73,69,142)
```
#4f458e
```
#4f458e rgb(79,69,142)
```

Similar Colors

Text with hexadecimal color #454d8e

This text has a font color of #454d8e.

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

#454d8e background color

This paragraph has a background color of #454d8e.

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

#454d8e border color

This element has a border color of #454d8e.

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

CSS codes

.text {color:#454d8e;}

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

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

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, #05050a is the darkest color, while #fcfcfd is the lightest one.

#05050a
```
#05050a rgb(5,5,10)
```
#0b0d17
```
#0b0d17 rgb(11,13,23)
```
#121424
```
#121424 rgb(18,20,36)
```
#181b32
```
#181b32 rgb(24,27,50)
```
#1f223f
```
#1f223f rgb(31,34,63)
```
#25294c
```
#25294c rgb(37,41,76)
```
#2b3059
```
#2b3059 rgb(43,48,89)
```
#323866
```
#323866 rgb(50,56,102)
```
#383f74
```
#383f74 rgb(56,63,116)
```
#3f4681
```
#3f4681 rgb(63,70,129)
```
#454d8e
```
#454d8e rgb(69,77,142)
```
#4b549b
```
#4b549b rgb(75,84,155)
```
#525ba8
```
#525ba8 rgb(82,91,168)
```

Shade Color Variation

#5d66b0
```
#5d66b0 rgb(93,102,176)
```
#6b73b7
```
#6b73b7 rgb(107,115,183)
```
#787fbd
```
#787fbd rgb(120,127,189)
```
#858cc4
```
#858cc4 rgb(133,140,196)
```
#9298ca
```
#9298ca rgb(146,152,202)
```
#9fa5d1
```
#9fa5d1 rgb(159,165,209)
```
#adb1d7
```
#adb1d7 rgb(173,177,215)
```
#babedd
```
#babedd rgb(186,190,221)
```
#c7cae4
```
#c7cae4 rgb(199,202,228)
```
#d4d7ea
```
#d4d7ea rgb(212,215,234)
```
#e1e3f1
```
#e1e3f1 rgb(225,227,241)
```
#eff0f7
```
#eff0f7 rgb(239,240,247)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #65666e is the less saturated color, while #041acf is the most saturated one.

#65666e
```
#65666e rgb(101,102,110)
```
#5d6076
```
#5d6076 rgb(93,96,118)
```
#555a7e
```
#555a7e rgb(85,90,126)
```
#4d5386
```
#4d5386 rgb(77,83,134)
```
#454d8e
```
#454d8e rgb(69,77,142)
```
#3d4796
```
#3d4796 rgb(61,71,150)
```
#35409e
```
#35409e rgb(53,64,158)
```
#2d3aa6
```
#2d3aa6 rgb(45,58,166)
```
#2534ae
```
#2534ae rgb(37,52,174)
```
#1c2db7
```
#1c2db7 rgb(28,45,183)
```
#1427bf
```
#1427bf rgb(20,39,191)
```
#0c21c7
```
#0c21c7 rgb(12,33,199)
```
#041acf
```
#041acf rgb(4,26,207)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4f515e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d5996 Protanopia 1% of men
#325c91 Deuteranopia 1% of men
#3d6067 Tritanopia 0.001% of the population

Trichromacy

#405493 Protanomaly 1% of men, 0.01% of women
#395690 Deuteranomaly 6% of men, 0.4% of women
#3f5975 Tritanomaly 0.01% of the population

#454d8e hex color

#454d8e Color Information

#454d8e Color Conversion

Color Schemes with #454d8e

Alternatives to #454d8e

#454d8e Preview

Shades and Tints of #454d8e

Tones of #454d8e

Color Blindness Simulator