#454b8f hex color

In a RGB color space, hex #454b8f is composed of 27.1% red, 29.4% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 51.7% cyan, 47.6% magenta, 0% yellow and 43.9% black. It has a hue angle of 235.1 degrees, a saturation of 34.9% and a lightness of 41.6%. #454b8f color hex could be obtained by blending #8a96ff with #00001f. Closest websafe color is: #333399.

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

● #454b8f color description : Dark moderate blue.

The hexadecimal color #454b8f has RGB values of R:69, G:75, B:143 and CMYK values of C:0.52, M:0.48, Y:0, K:0.44. Its decimal value is 4541327.

Hex triplet	454b8f	`#454b8f`
RGB Decimal	69, 75, 143	`rgb(69,75,143)`
RGB Percent	27.1, 29.4, 56.1	`rgb(27.1%,29.4%,56.1%)`
CMYK	52, 48, 0, 44
HSL	235.1°, 34.9, 41.6	`hsl(235.1,34.9%,41.6%)`
HSV (or HSB)	235.1°, 51.7, 56.1
Web Safe	333399	`#333399`

CIE-LAB	34.56, 17.539, -38.572
XYZ	9.927, 8.28, 27.06
xyY	0.219, 0.183, 8.28
CIE-LCH	34.56, 42.372, 294.452
CIE-LUV	34.56, -6.026, -54.912
Hunter-Lab	28.775, 11.224, -35.614
Binary	01000101, 01001011, 10001111

#454b8f
```
#454b8f rgb(69,75,143)
```
#8f8945
```
#8f8945 rgb(143,137,69)
```

Complementary Color

#45708f
```
#45708f rgb(69,112,143)
```
#454b8f
```
#454b8f rgb(69,75,143)
```
#64458f
```
#64458f rgb(100,69,143)
```

Analogous Color

#708f45
```
#708f45 rgb(112,143,69)
```
#454b8f
```
#454b8f rgb(69,75,143)
```
#8f6445
```
#8f6445 rgb(143,100,69)
```

Split Complementary Color

#4b8f45
```
#4b8f45 rgb(75,143,69)
```
#454b8f
```
#454b8f rgb(69,75,143)
```
#8f454b
```
#8f454b rgb(143,69,75)
```

Triadic Color

#458f89
```
#458f89 rgb(69,143,137)
```
#454b8f
```
#454b8f rgb(69,75,143)
```
#8f454b
```
#8f454b rgb(143,69,75)
```
#8f8945
```
#8f8945 rgb(143,137,69)
```

Tetradic Color

#2c305b
```
#2c305b rgb(44,48,91)
```
#34396d
```
#34396d rgb(52,57,109)
```
#3d427e
```
#3d427e rgb(61,66,126)
```
#454b8f
```
#454b8f rgb(69,75,143)
```
#4d54a0
```
#4d54a0 rgb(77,84,160)
```
#585faf
```
#585faf rgb(88,95,175)
```
#6a70b7
```
#6a70b7 rgb(106,112,183)
```

Monochromatic Color

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

#455e8f
```
#455e8f rgb(69,94,143)
```
#45578f
```
#45578f rgb(69,87,143)
```
#45518f
```
#45518f rgb(69,81,143)
```
#454b8f
```
#454b8f rgb(69,75,143)
```
#45458f
```
#45458f rgb(69,69,143)
```
#4b458f
```
#4b458f rgb(75,69,143)
```
#52458f
```
#52458f rgb(82,69,143)
```

Similar Colors

Text with hexadecimal color #454b8f

This text has a font color of #454b8f.

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

#454b8f background color

This paragraph has a background color of #454b8f.

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

#454b8f border color

This element has a border color of #454b8f.

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

CSS codes

.text {color:#454b8f;}

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

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

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, #05060b is the darkest color, while #fcfdfe is the lightest one.

#05060b
```
#05060b rgb(5,6,11)
```
#0c0d18
```
#0c0d18 rgb(12,13,24)
```
#121325
```
#121325 rgb(18,19,37)
```
#181a32
```
#181a32 rgb(24,26,50)
```
#1f2140
```
#1f2140 rgb(31,33,64)
```
#25284d
```
#25284d rgb(37,40,77)
```
#2b2f5a
```
#2b2f5a rgb(43,47,90)
```
#323667
```
#323667 rgb(50,54,103)
```
#383d75
```
#383d75 rgb(56,61,117)
```
#3f4482
```
#3f4482 rgb(63,68,130)
```
#454b8f
```
#454b8f rgb(69,75,143)
```
#4b529c
```
#4b529c rgb(75,82,156)
```
#5259a9
```
#5259a9 rgb(82,89,169)
```

Shade Color Variation

#5e64b1
```
#5e64b1 rgb(94,100,177)
```
#6b71b8
```
#6b71b8 rgb(107,113,184)
```
#787ebe
```
#787ebe rgb(120,126,190)
```
#858ac4
```
#858ac4 rgb(133,138,196)
```
#9397cb
```
#9397cb rgb(147,151,203)
```
#a0a4d1
```
#a0a4d1 rgb(160,164,209)
```
#adb1d7
```
#adb1d7 rgb(173,177,215)
```
#babdde
```
#babdde rgb(186,189,222)
```
#c8cae4
```
#c8cae4 rgb(200,202,228)
```
#d5d7eb
```
#d5d7eb rgb(213,215,235)
```
#e2e3f1
```
#e2e3f1 rgb(226,227,241)
```
#eff0f7
```
#eff0f7 rgb(239,240,247)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#66666e
```
#66666e rgb(102,102,110)
```
#5d5f77
```
#5d5f77 rgb(93,95,119)
```
#55597f
```
#55597f rgb(85,89,127)
```
#4d5287
```
#4d5287 rgb(77,82,135)
```
#454b8f
```
#454b8f rgb(69,75,143)
```
#3d4497
```
#3d4497 rgb(61,68,151)
```
#353d9f
```
#353d9f rgb(53,61,159)
```
#2d37a7
```
#2d37a7 rgb(45,55,167)
```
#2430b0
```
#2430b0 rgb(36,48,176)
```
#1c29b8
```
#1c29b8 rgb(28,41,184)
```
#1422c0
```
#1422c0 rgb(20,34,192)
```
#0c1bc8
```
#0c1bc8 rgb(12,27,200)
```
#0414d0
```
#0414d0 rgb(4,20,208)
```

Tone Color Variation

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

#395898 Protanopia 1% of men
#2c5b92 Deuteranopia 1% of men
#3b5f66 Tritanopia 0.001% of the population

Trichromacy

#3d5394 Protanomaly 1% of men, 0.01% of women
#355590 Deuteranomaly 6% of men, 0.4% of women
#3f5875 Tritanomaly 0.01% of the population

#454b8f hex color

#454b8f Color Information

#454b8f Color Conversion

Color Schemes with #454b8f

Alternatives to #454b8f

#454b8f Preview

Shades and Tints of #454b8f

Tones of #454b8f

Color Blindness Simulator