#5380e1 hex color

In a RGB color space, hex #5380e1 is composed of 32.5% red, 50.2% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 43.1% magenta, 0% yellow and 11.8% black. It has a hue angle of 221 degrees, a saturation of 70.3% and a lightness of 60.4%. #5380e1 color hex could be obtained by blending #a6ffff with #0001c3. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 50
- B 88
RGB color chart
- C 63
- M 43
- Y 0
- K 12
CMYK color chart

● #5380e1 color description : Soft blue.

The hexadecimal color #5380e1 has RGB values of R:83, G:128, B:225 and CMYK values of C:0.63, M:0.43, Y:0, K:0.12. Its decimal value is 5472481.

Hex triplet	5380e1	`#5380e1`
RGB Decimal	83, 128, 225	`rgb(83,128,225)`
RGB Percent	32.5, 50.2, 88.2	`rgb(32.5%,50.2%,88.2%)`
CMYK	63, 43, 0, 12
HSL	221°, 70.3, 60.4	`hsl(221,70.3%,60.4%)`
HSV (or HSB)	221°, 63.1, 88.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.775, 14.758, -54.056
XYZ	24.874, 22.712, 74.303
xyY	0.204, 0.186, 22.712
CIE-LCH	54.775, 56.034, 285.27
CIE-LUV	54.775, -20.48, -86.144
Hunter-Lab	47.657, 9.766, -59.08
Binary	01010011, 10000000, 11100001

#5380e1
```
#5380e1 rgb(83,128,225)
```
#e1b453
```
#e1b453 rgb(225,180,83)
```

Complementary Color

#53c7e1
```
#53c7e1 rgb(83,199,225)
```
#5380e1
```
#5380e1 rgb(83,128,225)
```
#6d53e1
```
#6d53e1 rgb(109,83,225)
```

Analogous Color

#c7e153
```
#c7e153 rgb(199,225,83)
```
#5380e1
```
#5380e1 rgb(83,128,225)
```
#e16d53
```
#e16d53 rgb(225,109,83)
```

Split Complementary Color

#80e153
```
#80e153 rgb(128,225,83)
```
#5380e1
```
#5380e1 rgb(83,128,225)
```
#e15380
```
#e15380 rgb(225,83,128)
```

Triadic Color

#53e1b4
```
#53e1b4 rgb(83,225,180)
```
#5380e1
```
#5380e1 rgb(83,128,225)
```
#e15380
```
#e15380 rgb(225,83,128)
```
#e1b453
```
#e1b453 rgb(225,180,83)
```

Tetradic Color

#2256c5
```
#2256c5 rgb(34,86,197)
```
#2860d9
```
#2860d9 rgb(40,96,217)
```
#3d70dd
```
#3d70dd rgb(61,112,221)
```
#5380e1
```
#5380e1 rgb(83,128,225)
```
#6990e5
```
#6990e5 rgb(105,144,229)
```
#7ea0e9
```
#7ea0e9 rgb(126,160,233)
```
#94b0ec
```
#94b0ec rgb(148,176,236)
```

Monochromatic Color

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

#53a4e1
```
#53a4e1 rgb(83,164,225)
```
#5398e1
```
#5398e1 rgb(83,152,225)
```
#538ce1
```
#538ce1 rgb(83,140,225)
```
#5380e1
```
#5380e1 rgb(83,128,225)
```
#5374e1
```
#5374e1 rgb(83,116,225)
```
#5368e1
```
#5368e1 rgb(83,104,225)
```
#535de1
```
#535de1 rgb(83,93,225)
```

Similar Colors

Text with hexadecimal color #5380e1

This text has a font color of #5380e1.

<span style="color:#5380e1;">Text here</span>

#5380e1 background color

This paragraph has a background color of #5380e1.

<p style="background-color:#5380e1;">Content here</p>

#5380e1 border color

This element has a border color of #5380e1.

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

CSS codes

.text {color:#5380e1;}

.background {background-color:#5380e1;}

.border {border:1px solid #5380e1;}

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

#02050c
```
#02050c rgb(2,5,12)
```
#050c1c
```
#050c1c rgb(5,12,28)
```
#08142d
```
#08142d rgb(8,20,45)
```
#0b1b3e
```
#0b1b3e rgb(11,27,62)
```
#0e224f
```
#0e224f rgb(14,34,79)
```
#112a5f
```
#112a5f rgb(17,42,95)
```
#143170
```
#143170 rgb(20,49,112)
```
#163881
```
#163881 rgb(22,56,129)
```
#193f91
```
#193f91 rgb(25,63,145)
```
#1c47a2
```
#1c47a2 rgb(28,71,162)
```
#1f4eb3
```
#1f4eb3 rgb(31,78,179)
```
#2255c3
```
#2255c3 rgb(34,85,195)
```
#255dd4
```
#255dd4 rgb(37,93,212)
```

Shade Color Variation

#3267db
```
#3267db rgb(50,103,219)
```
#4274de
```
#4274de rgb(66,116,222)
```
#5380e1
```
#5380e1 rgb(83,128,225)
```
#648ce4
```
#648ce4 rgb(100,140,228)
```
#7499e7
```
#7499e7 rgb(116,153,231)
```
#85a5ea
```
#85a5ea rgb(133,165,234)
```
#96b1ed
```
#96b1ed rgb(150,177,237)
```
#a7bef0
```
#a7bef0 rgb(167,190,240)
```
#b7caf2
```
#b7caf2 rgb(183,202,242)
```
#c8d6f5
```
#c8d6f5 rgb(200,214,245)
```
#d9e3f8
```
#d9e3f8 rgb(217,227,248)
```
#e9effb
```
#e9effb rgb(233,239,251)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#999a9b
```
#999a9b rgb(153,154,155)
```
#9197a3
```
#9197a3 rgb(145,151,163)
```
#8994ab
```
#8994ab rgb(137,148,171)
```
#8291b2
```
#8291b2 rgb(130,145,178)
```
#7a8eba
```
#7a8eba rgb(122,142,186)
```
#728bc2
```
#728bc2 rgb(114,139,194)
```
#6a89ca
```
#6a89ca rgb(106,137,202)
```
#6386d1
```
#6386d1 rgb(99,134,209)
```
#5b83d9
```
#5b83d9 rgb(91,131,217)
```
#5380e1
```
#5380e1 rgb(83,128,225)
```
#4b7de9
```
#4b7de9 rgb(75,125,233)
```
#437af1
```
#437af1 rgb(67,122,241)
```
#3c77f8
```
#3c77f8 rgb(60,119,248)
```

Tone Color Variation

Below, you can see how #5380e1 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

#7e7e7e Achromatopsia 0.005% of the population
#757e92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c86e2 Protanopia 1% of men
#3e8ae0 Deuteranopia 1% of men
#2996a1 Tritanopia 0.001% of the population

Trichromacy

#5984e1 Protanomaly 1% of men, 0.01% of women
#4586e0 Deuteranomaly 6% of men, 0.4% of women
#388eb8 Tritanomaly 0.01% of the population

#5380e1 hex color

#5380e1 Color Information

#5380e1 Color Conversion

Color Schemes with #5380e1

Alternatives to #5380e1

#5380e1 Preview

Shades and Tints of #5380e1

Tones of #5380e1

Color Blindness Simulator