#5450bf hex color

In a RGB color space, hex #5450bf is composed of 32.9% red, 31.4% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 58.1% magenta, 0% yellow and 25.1% black. It has a hue angle of 242.2 degrees, a saturation of 46.4% and a lightness of 53.1%. #5450bf color hex could be obtained by blending #a8a0ff with #00007f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 31
- B 75
RGB color chart
- C 56
- M 58
- Y 0
- K 25
CMYK color chart

● #5450bf color description : Moderate blue.

The hexadecimal color #5450bf has RGB values of R:84, G:80, B:191 and CMYK values of C:0.56, M:0.58, Y:0, K:0.25. Its decimal value is 5525695.

Hex triplet	5450bf	`#5450bf`
RGB Decimal	84, 80, 191	`rgb(84,80,191)`
RGB Percent	32.9, 31.4, 74.9	`rgb(32.9%,31.4%,74.9%)`
CMYK	56, 58, 0, 25
HSL	242.2°, 46.4, 53.1	`hsl(242.2,46.4%,53.1%)`
HSV (or HSB)	242.2°, 58.1, 74.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	40.218, 33.336, -58.033
XYZ	15.927, 11.383, 50.645
xyY	0.204, 0.146, 11.383
CIE-LCH	40.218, 66.926, 299.874
CIE-LUV	40.218, -5.069, -86.677
Hunter-Lab	33.739, 25.221, -65.383
Binary	01010100, 01010000, 10111111

#5450bf
```
#5450bf rgb(84,80,191)
```
#bbbf50
```
#bbbf50 rgb(187,191,80)
```

Complementary Color

#5084bf
```
#5084bf rgb(80,132,191)
```
#5450bf
```
#5450bf rgb(84,80,191)
```
#8c50bf
```
#8c50bf rgb(140,80,191)
```

Analogous Color

#84bf50
```
#84bf50 rgb(132,191,80)
```
#5450bf
```
#5450bf rgb(84,80,191)
```
#bf8c50
```
#bf8c50 rgb(191,140,80)
```

Split Complementary Color

#50bf54
```
#50bf54 rgb(80,191,84)
```
#5450bf
```
#5450bf rgb(84,80,191)
```
#bf5450
```
#bf5450 rgb(191,84,80)
```

Triadic Color

#50bbbf
```
#50bbbf rgb(80,187,191)
```
#5450bf
```
#5450bf rgb(84,80,191)
```
#bf5450
```
#bf5450 rgb(191,84,80)
```
#bbbf50
```
#bbbf50 rgb(187,191,80)
```

Tetradic Color

#37348e
```
#37348e rgb(55,52,142)
```
#3f3ba1
```
#3f3ba1 rgb(63,59,161)
```
#4642b4
```
#4642b4 rgb(70,66,180)
```
#5450bf
```
#5450bf rgb(84,80,191)
```
#6663c6
```
#6663c6 rgb(102,99,198)
```
#7875cd
```
#7875cd rgb(120,117,205)
```
#8b88d3
```
#8b88d3 rgb(139,136,211)
```

Monochromatic Color

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

#5068bf
```
#5068bf rgb(80,104,191)
```
#505fbf
```
#505fbf rgb(80,95,191)
```
#5055bf
```
#5055bf rgb(80,85,191)
```
#5450bf
```
#5450bf rgb(84,80,191)
```
#5d50bf
```
#5d50bf rgb(93,80,191)
```
#6750bf
```
#6750bf rgb(103,80,191)
```
#7050bf
```
#7050bf rgb(112,80,191)
```

Similar Colors

Text with hexadecimal color #5450bf

This text has a font color of #5450bf.

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

#5450bf background color

This paragraph has a background color of #5450bf.

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

#5450bf border color

This element has a border color of #5450bf.

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

CSS codes

.text {color:#5450bf;}

.background {background-color:#5450bf;}

.border {border:1px solid #5450bf;}

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, #05040c is the darkest color, while #fcfcfe is the lightest one.

#05040c
```
#05040c rgb(5,4,12)
```
#0a0a1a
```
#0a0a1a rgb(10,10,26)
```
#100f28
```
#100f28 rgb(16,15,40)
```
#151437
```
#151437 rgb(21,20,55)
```
#1b1945
```
#1b1945 rgb(27,25,69)
```
#201f54
```
#201f54 rgb(32,31,84)
```
#262462
```
#262462 rgb(38,36,98)
```
#2c2970
```
#2c2970 rgb(44,41,112)
```
#312e7f
```
#312e7f rgb(49,46,127)
```
#37348d
```
#37348d rgb(55,52,141)
```
#3c399b
```
#3c399b rgb(60,57,155)
```
#423eaa
```
#423eaa rgb(66,62,170)
```
#4843b8
```
#4843b8 rgb(72,67,184)
```

Shade Color Variation

#5450bf
```
#5450bf rgb(84,80,191)
```
#625ec4
```
#625ec4 rgb(98,94,196)
```
#706dca
```
#706dca rgb(112,109,202)
```
#7e7bcf
```
#7e7bcf rgb(126,123,207)
```
#8c89d4
```
#8c89d4 rgb(140,137,212)
```
#9a98d9
```
#9a98d9 rgb(154,152,217)
```
#a8a6df
```
#a8a6df rgb(168,166,223)
```
#b6b5e4
```
#b6b5e4 rgb(182,181,228)
```
#c4c3e9
```
#c4c3e9 rgb(196,195,233)
```
#d2d1ee
```
#d2d1ee rgb(210,209,238)
```
#e0e0f4
```
#e0e0f4 rgb(224,224,244)
```
#eeeef9
```
#eeeef9 rgb(238,238,249)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#878788
```
#878788 rgb(135,135,136)
```
#7f7e91
```
#7f7e91 rgb(127,126,145)
```
#76759a
```
#76759a rgb(118,117,154)
```
#6e6ca3
```
#6e6ca3 rgb(110,108,163)
```
#6562ad
```
#6562ad rgb(101,98,173)
```
#5d59b6
```
#5d59b6 rgb(93,89,182)
```
#5450bf
```
#5450bf rgb(84,80,191)
```
#4b47c8
```
#4b47c8 rgb(75,71,200)
```
#433ed1
```
#433ed1 rgb(67,62,209)
```
#3a34db
```
#3a34db rgb(58,52,219)
```
#322be4
```
#322be4 rgb(50,43,228)
```
#2922ed
```
#2922ed rgb(41,34,237)
```
#2119f6
```
#2119f6 rgb(33,25,246)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5c5b71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c3 Protanopia 1% of men
#0069ac Deuteranopia 1% of men
#376e76 Tritanopia 0.001% of the population

Trichromacy

#1e5cc2 Protanomaly 1% of men, 0.01% of women
#1e60b3 Deuteranomaly 6% of men, 0.4% of women
#416391 Tritanomaly 0.01% of the population

#5450bf hex color

#5450bf Color Information

#5450bf Color Conversion

Color Schemes with #5450bf

Alternatives to #5450bf

#5450bf Preview

Shades and Tints of #5450bf

Tones of #5450bf

Color Blindness Simulator