#5450d4 hex color

In a RGB color space, hex #5450d4 is composed of 32.9% red, 31.4% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 62.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 241.8 degrees, a saturation of 60.6% and a lightness of 57.3%. #5450d4 color hex could be obtained by blending #a8a0ff with #0000a9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 31
- B 83
RGB color chart
- C 60
- M 62
- Y 0
- K 17
CMYK color chart

● #5450d4 color description : Moderate blue.

The hexadecimal color #5450d4 has RGB values of R:84, G:80, B:212 and CMYK values of C:0.6, M:0.62, Y:0, K:0.17. Its decimal value is 5525716.

Hex triplet	5450d4	`#5450d4`
RGB Decimal	84, 80, 212	`rgb(84,80,212)`
RGB Percent	32.9, 31.4, 83.1	`rgb(32.9%,31.4%,83.1%)`
CMYK	60, 62, 0, 17
HSL	241.8°, 60.6, 57.3	`hsl(241.8,60.6%,57.3%)`
HSV (or HSB)	241.8°, 62.3, 83.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	41.806, 40.113, -67.609
XYZ	18.406, 12.375, 63.702
xyY	0.195, 0.131, 12.375
CIE-LCH	41.806, 78.613, 300.681
CIE-LUV	41.806, -6.257, -101.345
Hunter-Lab	35.178, 31.836, -82.742
Binary	01010100, 01010000, 11010100

#5450d4
```
#5450d4 rgb(84,80,212)
```
#d0d450
```
#d0d450 rgb(208,212,80)
```

Complementary Color

#508ed4
```
#508ed4 rgb(80,142,212)
```
#5450d4
```
#5450d4 rgb(84,80,212)
```
#9650d4
```
#9650d4 rgb(150,80,212)
```

Analogous Color

#8ed450
```
#8ed450 rgb(142,212,80)
```
#5450d4
```
#5450d4 rgb(84,80,212)
```
#d49650
```
#d49650 rgb(212,150,80)
```

Split Complementary Color

#50d454
```
#50d454 rgb(80,212,84)
```
#5450d4
```
#5450d4 rgb(84,80,212)
```
#d45450
```
#d45450 rgb(212,84,80)
```

Triadic Color

#50d0d4
```
#50d0d4 rgb(80,208,212)
```
#5450d4
```
#5450d4 rgb(84,80,212)
```
#d45450
```
#d45450 rgb(212,84,80)
```
#d0d450
```
#d0d450 rgb(208,212,80)
```

Tetradic Color

#2e2bad
```
#2e2bad rgb(46,43,173)
```
#3430c1
```
#3430c1 rgb(52,48,193)
```
#403ccf
```
#403ccf rgb(64,60,207)
```
#5450d4
```
#5450d4 rgb(84,80,212)
```
#6864d9
```
#6864d9 rgb(104,100,217)
```
#7c79de
```
#7c79de rgb(124,121,222)
```
#908de3
```
#908de3 rgb(144,141,227)
```

Monochromatic Color

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

#506dd4
```
#506dd4 rgb(80,109,212)
```
#5062d4
```
#5062d4 rgb(80,98,212)
```
#5057d4
```
#5057d4 rgb(80,87,212)
```
#5450d4
```
#5450d4 rgb(84,80,212)
```
#5f50d4
```
#5f50d4 rgb(95,80,212)
```
#6a50d4
```
#6a50d4 rgb(106,80,212)
```
#7550d4
```
#7550d4 rgb(117,80,212)
```

Similar Colors

Text with hexadecimal color #5450d4

This text has a font color of #5450d4.

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

#5450d4 background color

This paragraph has a background color of #5450d4.

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

#5450d4 border color

This element has a border color of #5450d4.

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

CSS codes

.text {color:#5450d4;}

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

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

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

#04030e
```
#04030e rgb(4,3,14)
```
#08071e
```
#08071e rgb(8,7,30)
```
#0c0b2d
```
#0c0b2d rgb(12,11,45)
```
#100f3d
```
#100f3d rgb(16,15,61)
```
#15134d
```
#15134d rgb(21,19,77)
```
#19175d
```
#19175d rgb(25,23,93)
```
#1d1b6c
```
#1d1b6c rgb(29,27,108)
```
#211f7c
```
#211f7c rgb(33,31,124)
```
#26228c
```
#26228c rgb(38,34,140)
```
#2a269c
```
#2a269c rgb(42,38,156)
```
#2e2aab
```
#2e2aab rgb(46,42,171)
```
#322ebb
```
#322ebb rgb(50,46,187)
```
#3632cb
```
#3632cb rgb(54,50,203)
```

Shade Color Variation

#4540d0
```
#4540d0 rgb(69,64,208)
```
#5450d4
```
#5450d4 rgb(84,80,212)
```
#6360d8
```
#6360d8 rgb(99,96,216)
```
#736fdc
```
#736fdc rgb(115,111,220)
```
#827fe0
```
#827fe0 rgb(130,127,224)
```
#928fe3
```
#928fe3 rgb(146,143,227)
```
#a19fe7
```
#a19fe7 rgb(161,159,231)
```
#b0aeeb
```
#b0aeeb rgb(176,174,235)
```
#c0beef
```
#c0beef rgb(192,190,239)
```
#cfcef3
```
#cfcef3 rgb(207,206,243)
```
#dedef7
```
#dedef7 rgb(222,222,247)
```
#eeedfb
```
#eeedfb rgb(238,237,251)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8b99 is the less saturated color, while #2d26fe is the most saturated one.

#8b8b99
```
#8b8b99 rgb(139,139,153)
```
#8382a2
```
#8382a2 rgb(131,130,162)
```
#7b7aaa
```
#7b7aaa rgb(123,122,170)
```
#7472b2
```
#7472b2 rgb(116,114,178)
```
#6c69bb
```
#6c69bb rgb(108,105,187)
```
#6461c3
```
#6461c3 rgb(100,97,195)
```
#5c58cc
```
#5c58cc rgb(92,88,204)
```
#5450d4
```
#5450d4 rgb(84,80,212)
```
#4c48dc
```
#4c48dc rgb(76,72,220)
```
#443fe5
```
#443fe5 rgb(68,63,229)
```
#3c37ed
```
#3c37ed rgb(60,55,237)
```
#342ef6
```
#342ef6 rgb(52,46,246)
```
#2d26fe
```
#2d26fe rgb(45,38,254)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5e5d77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#006db1 Deuteranopia 1% of men
#1b747d Tritanopia 0.001% of the population

Trichromacy

#1e5ecd Protanomaly 1% of men, 0.01% of women
#1e62bd Deuteranomaly 6% of men, 0.4% of women
#30679c Tritanomaly 0.01% of the population

#5450d4 hex color

#5450d4 Color Information

#5450d4 Color Conversion

Color Schemes with #5450d4

Alternatives to #5450d4

#5450d4 Preview

Shades and Tints of #5450d4

Tones of #5450d4

Color Blindness Simulator