colorhexa.com

#5480ef hex color

In a RGB color space, hex #5480ef is composed of 32.9% red, 50.2% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 46.4% magenta, 0% yellow and 6.3% black. It has a hue angle of 223 degrees, a saturation of 82.9% and a lightness of 63.3%. #5480ef color hex could be obtained by blending #a8ffff with #0001df. Closest websafe color is: #6699ff.

- R 33
- G 50
- B 94
RGB color chart
- C 65
- M 46
- Y 0
- K 6
CMYK color chart

● #5480ef color description : Soft blue.

The hexadecimal color #5480ef has RGB values of R:84, G:128, B:239 and CMYK values of C:0.65, M:0.46, Y:0, K:0.06. Its decimal value is 5538031.

Hex triplet	5480ef	`#5480ef`
RGB Decimal	84, 128, 239	`rgb(84,128,239)`
RGB Percent	32.9, 50.2, 93.7	`rgb(32.9%,50.2%,93.7%)`
CMYK	65, 46, 0, 6
HSL	223°, 82.9, 63.3	`hsl(223,82.9%,63.3%)`
HSV (or HSB)	223°, 64.9, 93.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	55.638, 19.705, -60.484
XYZ	26.952, 23.554, 84.783
xyY	0.199, 0.174, 23.554
CIE-LCH	55.638, 63.613, 288.045
CIE-LUV	55.638, -20.221, -97.137
Hunter-Lab	48.532, 14.198, -69.604
Binary	01010100, 10000000, 11101111

#5480ef
```
#5480ef rgb(84,128,239)
```
#efc354
```
#efc354 rgb(239,195,84)
```

Complementary Color

#54ceef
```
#54ceef rgb(84,206,239)
```
#5480ef
```
#5480ef rgb(84,128,239)
```
#7654ef
```
#7654ef rgb(118,84,239)
```

Analogous Color

#ceef54
```
#ceef54 rgb(206,239,84)
```
#5480ef
```
#5480ef rgb(84,128,239)
```
#ef7654
```
#ef7654 rgb(239,118,84)
```

Split Complementary Color

#80ef54
```
#80ef54 rgb(128,239,84)
```
#5480ef
```
#5480ef rgb(84,128,239)
```
#ef5480
```
#ef5480 rgb(239,84,128)
```

Triadic Color

#54efc3
```
#54efc3 rgb(84,239,195)
```
#5480ef
```
#5480ef rgb(84,128,239)
```
#ef5480
```
#ef5480 rgb(239,84,128)
```
#efc354
```
#efc354 rgb(239,195,84)
```

Tetradic Color

#154fe1
```
#154fe1 rgb(21,79,225)
```
#255deb
```
#255deb rgb(37,93,235)
```
#3d6fed
```
#3d6fed rgb(61,111,237)
```
#5480ef
```
#5480ef rgb(84,128,239)
```
#6b91f1
```
#6b91f1 rgb(107,145,241)
```
#83a3f3
```
#83a3f3 rgb(131,163,243)
```
#9ab4f6
```
#9ab4f6 rgb(154,180,246)
```

Monochromatic Color

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

#54a7ef
```
#54a7ef rgb(84,167,239)
```
#549aef
```
#549aef rgb(84,154,239)
```
#548def
```
#548def rgb(84,141,239)
```
#5480ef
```
#5480ef rgb(84,128,239)
```
#5473ef
```
#5473ef rgb(84,115,239)
```
#5466ef
```
#5466ef rgb(84,102,239)
```
#5459ef
```
#5459ef rgb(84,89,239)
```

Similar Colors

Text with hexadecimal color #5480ef

This text has a font color of #5480ef.

<span style="color:#5480ef;">Text here</span>

#5480ef background color

This paragraph has a background color of #5480ef.

<p style="background-color:#5480ef;">Content here</p>

#5480ef border color

This element has a border color of #5480ef.

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

CSS codes

.text {color:#5480ef;}

.background {background-color:#5480ef;}

.border {border:1px solid #5480ef;}

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, #010308 is the darkest color, while #f5f8fe is the lightest one.

#010308
```
#010308 rgb(1,3,8)
```
#02091a
```
#02091a rgb(2,9,26)
```
#04102c
```
#04102c rgb(4,16,44)
```
#06163e
```
#06163e rgb(6,22,62)
```
#071c50
```
#071c50 rgb(7,28,80)
```
#092262
```
#092262 rgb(9,34,98)
```
#0b2974
```
#0b2974 rgb(11,41,116)
```
#0d2f86
```
#0d2f86 rgb(13,47,134)
```
#0e3598
```
#0e3598 rgb(14,53,152)
```
#103caa
```
#103caa rgb(16,60,170)
```
#1242bc
```
#1242bc rgb(18,66,188)
```
#1348ce
```
#1348ce rgb(19,72,206)
```
#154ee0
```
#154ee0 rgb(21,78,224)
```

Shade Color Variation

#1e58ea
```
#1e58ea rgb(30,88,234)
```
#3065ec
```
#3065ec rgb(48,101,236)
```
#4273ed
```
#4273ed rgb(66,115,237)
```
#5480ef
```
#5480ef rgb(84,128,239)
```
#668df1
```
#668df1 rgb(102,141,241)
```
#789bf2
```
#789bf2 rgb(120,155,242)
```
#8aa8f4
```
#8aa8f4 rgb(138,168,244)
```
#9cb5f6
```
#9cb5f6 rgb(156,181,246)
```
#aec3f7
```
#aec3f7 rgb(174,195,247)
```
#c0d0f9
```
#c0d0f9 rgb(192,208,249)
```
#d2ddfb
```
#d2ddfb rgb(210,221,251)
```
#e3ebfc
```
#e3ebfc rgb(227,235,252)
```
#f5f8fe
```
#f5f8fe rgb(245,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9c9fa7 is the less saturated color, while #467afd is the most saturated one.

#9c9fa7
```
#9c9fa7 rgb(156,159,167)
```
#959cae
```
#959cae rgb(149,156,174)
```
#8e99b5
```
#8e99b5 rgb(142,153,181)
```
#8696bd
```
#8696bd rgb(134,150,189)
```
#7f93c4
```
#7f93c4 rgb(127,147,196)
```
#7890cb
```
#7890cb rgb(120,144,203)
```
#718cd2
```
#718cd2 rgb(113,140,210)
```
#6a89d9
```
#6a89d9 rgb(106,137,217)
```
#6286e1
```
#6286e1 rgb(98,134,225)
```
#5b83e8
```
#5b83e8 rgb(91,131,232)
```
#5480ef
```
#5480ef rgb(84,128,239)
```
#4d7df6
```
#4d7df6 rgb(77,125,246)
```
#467afd
```
#467afd rgb(70,122,253)
```

Tone Color Variation

Below, you can see how #5480ef 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

#7f7f7f Achromatopsia 0.005% of the population
#767f95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5188f1 Protanopia 1% of men
#0d8dec Deuteranopia 1% of men
#0099a4 Tritanopia 0.001% of the population

Trichromacy

#5285f0 Protanomaly 1% of men, 0.01% of women
#2688ed Deuteranomaly 6% of men, 0.4% of women
#1e90bf Tritanomaly 0.01% of the population