#5354e5 hex color

In a RGB color space, hex #5354e5 is composed of 32.5% red, 32.9% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 63.3% magenta, 0% yellow and 10.2% black. It has a hue angle of 239.6 degrees, a saturation of 73.7% and a lightness of 61.2%. #5354e5 color hex could be obtained by blending #a6a8ff with #0000cb. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 33
- B 90
RGB color chart
- C 64
- M 63
- Y 0
- K 10
CMYK color chart

● #5354e5 color description : Soft blue.

The hexadecimal color #5354e5 has RGB values of R:83, G:84, B:229 and CMYK values of C:0.64, M:0.63, Y:0, K:0.1. Its decimal value is 5461221.

Hex triplet	5354e5	`#5354e5`
RGB Decimal	83, 84, 229	`rgb(83,84,229)`
RGB Percent	32.5, 32.9, 89.8	`rgb(32.5%,32.9%,89.8%)`
CMYK	64, 63, 0, 10
HSL	239.6°, 73.7, 61.2	`hsl(239.6,73.7%,61.2%)`
HSV (or HSB)	239.6°, 63.8, 89.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.996, 43.078, -73.731
XYZ	20.878, 13.836, 75.695
xyY	0.189, 0.125, 13.836
CIE-LCH	43.996, 85.393, 300.296
CIE-LUV	43.996, -8.294, -111.509
Hunter-Lab	37.196, 35.095, -94.618
Binary	01010011, 01010100, 11100101

#5354e5
```
#5354e5 rgb(83,84,229)
```
#e5e453
```
#e5e453 rgb(229,228,83)
```

Complementary Color

#539de5
```
#539de5 rgb(83,157,229)
```
#5354e5
```
#5354e5 rgb(83,84,229)
```
#9b53e5
```
#9b53e5 rgb(155,83,229)
```

Analogous Color

#9de553
```
#9de553 rgb(157,229,83)
```
#5354e5
```
#5354e5 rgb(83,84,229)
```
#e59b53
```
#e59b53 rgb(229,155,83)
```

Split Complementary Color

#54e553
```
#54e553 rgb(84,229,83)
```
#5354e5
```
#5354e5 rgb(83,84,229)
```
#e55354
```
#e55354 rgb(229,83,84)
```

Triadic Color

#53e5e4
```
#53e5e4 rgb(83,229,228)
```
#5354e5
```
#5354e5 rgb(83,84,229)
```
#e55354
```
#e55354 rgb(229,83,84)
```
#e5e453
```
#e5e453 rgb(229,228,83)
```

Tetradic Color

#1f20cd
```
#1f20cd rgb(31,32,205)
```
#2728de
```
#2728de rgb(39,40,222)
```
#3d3ee2
```
#3d3ee2 rgb(61,62,226)
```
#5354e5
```
#5354e5 rgb(83,84,229)
```
#696ae8
```
#696ae8 rgb(105,106,232)
```
#7f80ec
```
#7f80ec rgb(127,128,236)
```
#9596ef
```
#9596ef rgb(149,150,239)
```

Monochromatic Color

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

#5379e5
```
#5379e5 rgb(83,121,229)
```
#536ce5
```
#536ce5 rgb(83,108,229)
```
#5360e5
```
#5360e5 rgb(83,96,229)
```
#5354e5
```
#5354e5 rgb(83,84,229)
```
#5e53e5
```
#5e53e5 rgb(94,83,229)
```
#6a53e5
```
#6a53e5 rgb(106,83,229)
```
#7753e5
```
#7753e5 rgb(119,83,229)
```

Similar Colors

Text with hexadecimal color #5354e5

This text has a font color of #5354e5.

<span style="color:#5354e5;">Text here</span>

#5354e5 background color

This paragraph has a background color of #5354e5.

<p style="background-color:#5354e5;">Content here</p>

#5354e5 border color

This element has a border color of #5354e5.

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

CSS codes

.text {color:#5354e5;}

.background {background-color:#5354e5;}

.border {border:1px solid #5354e5;}

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

#02020f
```
#02020f rgb(2,2,15)
```
#050520
```
#050520 rgb(5,5,32)
```
#070832
```
#070832 rgb(7,8,50)
```
#0a0a43
```
#0a0a43 rgb(10,10,67)
```
#0d0d54
```
#0d0d54 rgb(13,13,84)
```
#0f1065
```
#0f1065 rgb(15,16,101)
```
#121276
```
#121276 rgb(18,18,118)
```
#141587
```
#141587 rgb(20,21,135)
```
#171898
```
#171898 rgb(23,24,152)
```
#1a1aa9
```
#1a1aa9 rgb(26,26,169)
```
#1c1dba
```
#1c1dba rgb(28,29,186)
```
#1f20cb
```
#1f20cb rgb(31,32,203)
```
#2123dc
```
#2123dc rgb(33,35,220)
```

Shade Color Variation

#3132e0
```
#3132e0 rgb(49,50,224)
```
#4243e2
```
#4243e2 rgb(66,67,226)
```
#5354e5
```
#5354e5 rgb(83,84,229)
```
#6465e8
```
#6465e8 rgb(100,101,232)
```
#7576ea
```
#7576ea rgb(117,118,234)
```
#8687ed
```
#8687ed rgb(134,135,237)
```
#9798ef
```
#9798ef rgb(151,152,239)
```
#a8a9f2
```
#a8a9f2 rgb(168,169,242)
```
#b9baf4
```
#b9baf4 rgb(185,186,244)
```
#cacbf7
```
#cacbf7 rgb(202,203,247)
```
#dbdcfa
```
#dbdcfa rgb(219,220,250)
```
#ececfc
```
#ececfc rgb(236,236,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9898a0 is the less saturated color, while #3c3dfc is the most saturated one.

#9898a0
```
#9898a0 rgb(152,152,160)
```
#9090a8
```
#9090a8 rgb(144,144,168)
```
#8889b0
```
#8889b0 rgb(136,137,176)
```
#8181b7
```
#8181b7 rgb(129,129,183)
```
#797abf
```
#797abf rgb(121,122,191)
```
#7172c7
```
#7172c7 rgb(113,114,199)
```
#6a6bce
```
#6a6bce rgb(106,107,206)
```
#6263d6
```
#6263d6 rgb(98,99,214)
```
#5b5cdd
```
#5b5cdd rgb(91,92,221)
```
#5354e5
```
#5354e5 rgb(83,84,229)
```
#4b4ced
```
#4b4ced rgb(75,76,237)
```
#4445f4
```
#4445f4 rgb(68,69,244)
```
#3c3dfc
```
#3c3dfc rgb(60,61,252)
```

Tone Color Variation

Below, you can see how #5354e5 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

#646464 Achromatopsia 0.005% of the population
#61617e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#0072b9 Deuteranopia 1% of men
#007a83 Tritanopia 0.001% of the population

Trichromacy

#1e63da Protanomaly 1% of men, 0.01% of women
#1e67c9 Deuteranomaly 6% of men, 0.4% of women
#1e6ca6 Tritanomaly 0.01% of the population

#5354e5 hex color

#5354e5 Color Information

#5354e5 Color Conversion

Color Schemes with #5354e5

Alternatives to #5354e5

#5354e5 Preview

Shades and Tints of #5354e5

Tones of #5354e5

Color Blindness Simulator