#454bb9 hex color

In a RGB color space, hex #454bb9 is composed of 27.1% red, 29.4% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 59.5% magenta, 0% yellow and 27.5% black. It has a hue angle of 236.9 degrees, a saturation of 45.7% and a lightness of 49.8%. #454bb9 color hex could be obtained by blending #8a96ff with #000073. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 27
- G 29
- B 73
RGB color chart
- C 63
- M 59
- Y 0
- K 27
CMYK color chart

● #454bb9 color description : Moderate blue.

The hexadecimal color #454bb9 has RGB values of R:69, G:75, B:185 and CMYK values of C:0.63, M:0.59, Y:0, K:0.27. Its decimal value is 4541369.

Hex triplet	454bb9	`#454bb9`
RGB Decimal	69, 75, 185	`rgb(69,75,185)`
RGB Percent	27.1, 29.4, 72.5	`rgb(27.1%,29.4%,72.5%)`
CMYK	63, 59, 0, 27
HSL	236.9°, 45.7, 49.8	`hsl(236.9,45.7%,49.8%)`
HSV (or HSB)	236.9°, 62.7, 72.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.48, 31.804, -59.012
XYZ	13.726, 9.799, 47.064
xyY	0.194, 0.139, 9.799
CIE-LCH	37.48, 67.037, 298.322
CIE-LUV	37.48, -7.792, -85.858
Hunter-Lab	31.304, 23.482, -67.227
Binary	01000101, 01001011, 10111001

#454bb9
```
#454bb9 rgb(69,75,185)
```
#b9b345
```
#b9b345 rgb(185,179,69)
```

Complementary Color

#4585b9
```
#4585b9 rgb(69,133,185)
```
#454bb9
```
#454bb9 rgb(69,75,185)
```
#7945b9
```
#7945b9 rgb(121,69,185)
```

Analogous Color

#85b945
```
#85b945 rgb(133,185,69)
```
#454bb9
```
#454bb9 rgb(69,75,185)
```
#b97945
```
#b97945 rgb(185,121,69)
```

Split Complementary Color

#4bb945
```
#4bb945 rgb(75,185,69)
```
#454bb9
```
#454bb9 rgb(69,75,185)
```
#b9454b
```
#b9454b rgb(185,69,75)
```

Triadic Color

#45b9b3
```
#45b9b3 rgb(69,185,179)
```
#454bb9
```
#454bb9 rgb(69,75,185)
```
#b9454b
```
#b9454b rgb(185,69,75)
```
#b9b345
```
#b9b345 rgb(185,179,69)
```

Tetradic Color

#303481
```
#303481 rgb(48,52,129)
```
#373c94
```
#373c94 rgb(55,60,148)
```
#3e43a6
```
#3e43a6 rgb(62,67,166)
```
#454bb9
```
#454bb9 rgb(69,75,185)
```
#575dc0
```
#575dc0 rgb(87,93,192)
```
#6a6fc7
```
#6a6fc7 rgb(106,111,199)
```
#7c81ce
```
#7c81ce rgb(124,129,206)
```

Monochromatic Color

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

#4568b9
```
#4568b9 rgb(69,104,185)
```
#455eb9
```
#455eb9 rgb(69,94,185)
```
#4555b9
```
#4555b9 rgb(69,85,185)
```
#454bb9
```
#454bb9 rgb(69,75,185)
```
#4945b9
```
#4945b9 rgb(73,69,185)
```
#5245b9
```
#5245b9 rgb(82,69,185)
```
#5c45b9
```
#5c45b9 rgb(92,69,185)
```

Similar Colors

Text with hexadecimal color #454bb9

This text has a font color of #454bb9.

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

#454bb9 background color

This paragraph has a background color of #454bb9.

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

#454bb9 border color

This element has a border color of #454bb9.

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

CSS codes

.text {color:#454bb9;}

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

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

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

#05050e
```
#05050e rgb(5,5,14)
```
#0a0b1c
```
#0a0b1c rgb(10,11,28)
```
#10112a
```
#10112a rgb(16,17,42)
```
#151738
```
#151738 rgb(21,23,56)
```
#1a1d47
```
#1a1d47 rgb(26,29,71)
```
#202255
```
#202255 rgb(32,34,85)
```
#252863
```
#252863 rgb(37,40,99)
```
#2a2e72
```
#2a2e72 rgb(42,46,114)
```
#303480
```
#303480 rgb(48,52,128)
```
#353a8e
```
#353a8e rgb(53,58,142)
```
#3a3f9c
```
#3a3f9c rgb(58,63,156)
```
#4045ab
```
#4045ab rgb(64,69,171)
```
#454bb9
```
#454bb9 rgb(69,75,185)
```

Shade Color Variation

#5358bf
```
#5358bf rgb(83,88,191)
```
#6166c4
```
#6166c4 rgb(97,102,196)
```
#6f74c9
```
#6f74c9 rgb(111,116,201)
```
#7e82cf
```
#7e82cf rgb(126,130,207)
```
#8c90d4
```
#8c90d4 rgb(140,144,212)
```
#9a9ed9
```
#9a9ed9 rgb(154,158,217)
```
#a9abdf
```
#a9abdf rgb(169,171,223)
```
#b7b9e4
```
#b7b9e4 rgb(183,185,228)
```
#c5c7e9
```
#c5c7e9 rgb(197,199,233)
```
#d3d5ef
```
#d3d5ef rgb(211,213,239)
```
#e2e3f4
```
#e2e3f4 rgb(226,227,244)
```
#f0f0f9
```
#f0f0f9 rgb(240,240,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#767788
```
#767788 rgb(118,119,136)
```
#6c6e92
```
#6c6e92 rgb(108,110,146)
```
#62659c
```
#62659c rgb(98,101,156)
```
#595da5
```
#595da5 rgb(89,93,165)
```
#4f54af
```
#4f54af rgb(79,84,175)
```
#454bb9
```
#454bb9 rgb(69,75,185)
```
#3b42c3
```
#3b42c3 rgb(59,66,195)
```
#3139cd
```
#3139cd rgb(49,57,205)
```
#2831d6
```
#2831d6 rgb(40,49,214)
```
#1e28e0
```
#1e28e0 rgb(30,40,224)
```
#141fea
```
#141fea rgb(20,31,234)
```
#0a16f4
```
#0a16f4 rgb(10,22,244)
```
#010efd
```
#010efd rgb(1,14,253)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#53546a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db7 Protanopia 1% of men
#0063a1 Deuteranopia 1% of men
#006a72 Tritanopia 0.001% of the population

Trichromacy

#1957b8 Protanomaly 1% of men, 0.01% of women
#195aa9 Deuteranomaly 6% of men, 0.4% of women
#195e8b Tritanomaly 0.01% of the population

#454bb9 hex color

#454bb9 Color Information

#454bb9 Color Conversion

Color Schemes with #454bb9

Alternatives to #454bb9

#454bb9 Preview

Shades and Tints of #454bb9

Tones of #454bb9

Color Blindness Simulator