#454b8e hex color

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

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

● #454b8e color description : Dark moderate blue.

The hexadecimal color #454b8e has RGB values of R:69, G:75, B:142 and CMYK values of C:0.51, M:0.47, Y:0, K:0.44. Its decimal value is 4541326.

Hex triplet	454b8e	`#454b8e`
RGB Decimal	69, 75, 142	`rgb(69,75,142)`
RGB Percent	27.1, 29.4, 55.7	`rgb(27.1%,29.4%,55.7%)`
CMYK	51, 47, 0, 44
HSL	235.1°, 34.6, 41.4	`hsl(235.1,34.6%,41.4%)`
HSV (or HSB)	235.1°, 51.4, 55.7
Web Safe	333399	`#333399`

CIE-LAB	34.498, 17.206, -38.06
XYZ	9.852, 8.25, 26.663
xyY	0.22, 0.184, 8.25
CIE-LCH	34.498, 41.768, 294.327
CIE-LUV	34.498, -5.983, -54.135
Hunter-Lab	28.723, 10.96, -34.932
Binary	01000101, 01001011, 10001110

#454b8e
```
#454b8e rgb(69,75,142)
```
#8e8845
```
#8e8845 rgb(142,136,69)
```

Complementary Color

#45708e
```
#45708e rgb(69,112,142)
```
#454b8e
```
#454b8e rgb(69,75,142)
```
#64458e
```
#64458e rgb(100,69,142)
```

Analogous Color

#708e45
```
#708e45 rgb(112,142,69)
```
#454b8e
```
#454b8e rgb(69,75,142)
```
#8e6445
```
#8e6445 rgb(142,100,69)
```

Split Complementary Color

#4b8e45
```
#4b8e45 rgb(75,142,69)
```
#454b8e
```
#454b8e rgb(69,75,142)
```
#8e454b
```
#8e454b rgb(142,69,75)
```

Triadic Color

#458e88
```
#458e88 rgb(69,142,136)
```
#454b8e
```
#454b8e rgb(69,75,142)
```
#8e454b
```
#8e454b rgb(142,69,75)
```
#8e8845
```
#8e8845 rgb(142,136,69)
```

Tetradic Color

#2c305b
```
#2c305b rgb(44,48,91)
```
#34396c
```
#34396c rgb(52,57,108)
```
#3d427d
```
#3d427d rgb(61,66,125)
```
#454b8e
```
#454b8e rgb(69,75,142)
```
#4d549f
```
#4d549f rgb(77,84,159)
```
#585fae
```
#585fae rgb(88,95,174)
```
#6970b6
```
#6970b6 rgb(105,112,182)
```

Monochromatic Color

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

#455d8e
```
#455d8e rgb(69,93,142)
```
#45578e
```
#45578e rgb(69,87,142)
```
#45518e
```
#45518e rgb(69,81,142)
```
#454b8e
```
#454b8e rgb(69,75,142)
```
#45458e
```
#45458e rgb(69,69,142)
```
#4b458e
```
#4b458e rgb(75,69,142)
```
#51458e
```
#51458e rgb(81,69,142)
```

Similar Colors

Text with hexadecimal color #454b8e

This text has a font color of #454b8e.

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

#454b8e background color

This paragraph has a background color of #454b8e.

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

#454b8e border color

This element has a border color of #454b8e.

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

CSS codes

.text {color:#454b8e;}

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

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

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)
```
#0b0c17
```
#0b0c17 rgb(11,12,23)
```
#121324
```
#121324 rgb(18,19,36)
```
#181a32
```
#181a32 rgb(24,26,50)
```
#1f213f
```
#1f213f rgb(31,33,63)
```
#25284c
```
#25284c rgb(37,40,76)
```
#2b2f59
```
#2b2f59 rgb(43,47,89)
```
#323666
```
#323666 rgb(50,54,102)
```
#383d74
```
#383d74 rgb(56,61,116)
```
#3f4481
```
#3f4481 rgb(63,68,129)
```
#454b8e
```
#454b8e rgb(69,75,142)
```
#4b529b
```
#4b529b rgb(75,82,155)
```
#5259a8
```
#5259a8 rgb(82,89,168)
```

Shade Color Variation

#5d64b0
```
#5d64b0 rgb(93,100,176)
```
#6b71b7
```
#6b71b7 rgb(107,113,183)
```
#787dbd
```
#787dbd rgb(120,125,189)
```
#858ac4
```
#858ac4 rgb(133,138,196)
```
#9297ca
```
#9297ca rgb(146,151,202)
```
#9fa3d1
```
#9fa3d1 rgb(159,163,209)
```
#adb0d7
```
#adb0d7 rgb(173,176,215)
```
#babddd
```
#babddd rgb(186,189,221)
```
#c7c9e4
```
#c7c9e4 rgb(199,201,228)
```
#d4d6ea
```
#d4d6ea rgb(212,214,234)
```
#e1e3f1
```
#e1e3f1 rgb(225,227,241)
```
#efeff7
```
#efeff7 rgb(239,239,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 #0415cf is the most saturated one.

#65666e
```
#65666e rgb(101,102,110)
```
#5d5f76
```
#5d5f76 rgb(93,95,118)
```
#55597e
```
#55597e rgb(85,89,126)
```
#4d5286
```
#4d5286 rgb(77,82,134)
```
#454b8e
```
#454b8e rgb(69,75,142)
```
#3d4496
```
#3d4496 rgb(61,68,150)
```
#353d9e
```
#353d9e rgb(53,61,158)
```
#2d37a6
```
#2d37a6 rgb(45,55,166)
```
#2530ae
```
#2530ae rgb(37,48,174)
```
#1c29b7
```
#1c29b7 rgb(28,41,183)
```
#1422bf
```
#1422bf rgb(20,34,191)
```
#0c1cc7
```
#0c1cc7 rgb(12,28,199)
```
#0415cf
```
#0415cf rgb(4,21,207)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4f505d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a5897 Protanopia 1% of men
#2e5a91 Deuteranopia 1% of men
#3c5f66 Tritanopia 0.001% of the population

Trichromacy

#3e5393 Protanomaly 1% of men, 0.01% of women
#365590 Deuteranomaly 6% of men, 0.4% of women
#3f5874 Tritanomaly 0.01% of the population

#454b8e hex color

#454b8e Color Information

#454b8e Color Conversion

Color Schemes with #454b8e

Alternatives to #454b8e

#454b8e Preview

Shades and Tints of #454b8e

Tones of #454b8e

Color Blindness Simulator