#5480dd hex color

In a RGB color space, hex #5480dd is composed of 32.9% red, 50.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 42.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 220.7 degrees, a saturation of 66.8% and a lightness of 59.8%. #5480dd color hex could be obtained by blending #a8ffff with #0001bb. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 50
- B 87
RGB color chart
- C 62
- M 42
- Y 0
- K 13
CMYK color chart

● #5480dd color description : Soft blue.

The hexadecimal color #5480dd has RGB values of R:84, G:128, B:221 and CMYK values of C:0.62, M:0.42, Y:0, K:0.13. Its decimal value is 5538013.

Hex triplet	5480dd	`#5480dd`
RGB Decimal	84, 128, 221	`rgb(84,128,221)`
RGB Percent	32.9, 50.2, 86.7	`rgb(32.9%,50.2%,86.7%)`
CMYK	62, 42, 0, 13
HSL	220.7°, 66.8, 59.8	`hsl(220.7,66.8%,59.8%)`
HSV (or HSB)	220.7°, 62, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.598, 13.578, -52.091
XYZ	24.424, 22.542, 71.467
xyY	0.206, 0.19, 22.542
CIE-LCH	54.598, 53.832, 284.61
CIE-LUV	54.598, -20.237, -82.829
Hunter-Lab	47.479, 8.735, -56.011
Binary	01010100, 10000000, 11011101

#5480dd
```
#5480dd rgb(84,128,221)
```
#ddb154
```
#ddb154 rgb(221,177,84)
```

Complementary Color

#54c5dd
```
#54c5dd rgb(84,197,221)
```
#5480dd
```
#5480dd rgb(84,128,221)
```
#6d54dd
```
#6d54dd rgb(109,84,221)
```

Analogous Color

#c5dd54
```
#c5dd54 rgb(197,221,84)
```
#5480dd
```
#5480dd rgb(84,128,221)
```
#dd6d54
```
#dd6d54 rgb(221,109,84)
```

Split Complementary Color

#80dd54
```
#80dd54 rgb(128,221,84)
```
#5480dd
```
#5480dd rgb(84,128,221)
```
#dd5480
```
#dd5480 rgb(221,84,128)
```

Triadic Color

#54ddb1
```
#54ddb1 rgb(84,221,177)
```
#5480dd
```
#5480dd rgb(84,128,221)
```
#dd5480
```
#dd5480 rgb(221,84,128)
```
#ddb154
```
#ddb154 rgb(221,177,84)
```

Tetradic Color

#2657bf
```
#2657bf rgb(38,87,191)
```
#2a61d4
```
#2a61d4 rgb(42,97,212)
```
#3f70d9
```
#3f70d9 rgb(63,112,217)
```
#5480dd
```
#5480dd rgb(84,128,221)
```
#6990e1
```
#6990e1 rgb(105,144,225)
```
#7fa0e5
```
#7fa0e5 rgb(127,160,229)
```
#94afea
```
#94afea rgb(148,175,234)
```

Monochromatic Color

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

#54a2dd
```
#54a2dd rgb(84,162,221)
```
#5497dd
```
#5497dd rgb(84,151,221)
```
#548bdd
```
#548bdd rgb(84,139,221)
```
#5480dd
```
#5480dd rgb(84,128,221)
```
#5475dd
```
#5475dd rgb(84,117,221)
```
#5469dd
```
#5469dd rgb(84,105,221)
```
#545edd
```
#545edd rgb(84,94,221)
```

Similar Colors

Text with hexadecimal color #5480dd

This text has a font color of #5480dd.

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

#5480dd background color

This paragraph has a background color of #5480dd.

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

#5480dd border color

This element has a border color of #5480dd.

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

CSS codes

.text {color:#5480dd;}

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

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

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

#020409
```
#020409 rgb(2,4,9)
```
#050c19
```
#050c19 rgb(5,12,25)
```
#08132a
```
#08132a rgb(8,19,42)
```
#0c1a3a
```
#0c1a3a rgb(12,26,58)
```
#0f224a
```
#0f224a rgb(15,34,74)
```
#12295b
```
#12295b rgb(18,41,91)
```
#15316b
```
#15316b rgb(21,49,107)
```
#19387c
```
#19387c rgb(25,56,124)
```
#1c408c
```
#1c408c rgb(28,64,140)
```
#1f479c
```
#1f479c rgb(31,71,156)
```
#224fad
```
#224fad rgb(34,79,173)
```
#2656bd
```
#2656bd rgb(38,86,189)
```
#295ecd
```
#295ecd rgb(41,94,205)
```

Shade Color Variation

#3368d6
```
#3368d6 rgb(51,104,214)
```
#4474da
```
#4474da rgb(68,116,218)
```
#5480dd
```
#5480dd rgb(84,128,221)
```
#648ce0
```
#648ce0 rgb(100,140,224)
```
#7598e4
```
#7598e4 rgb(117,152,228)
```
#85a4e7
```
#85a4e7 rgb(133,164,231)
```
#95b1ea
```
#95b1ea rgb(149,177,234)
```
#a6bded
```
#a6bded rgb(166,189,237)
```
#b6c9f1
```
#b6c9f1 rgb(182,201,241)
```
#c7d5f4
```
#c7d5f4 rgb(199,213,244)
```
#d7e1f7
```
#d7e1f7 rgb(215,225,247)
```
#e7edfa
```
#e7edfa rgb(231,237,250)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #93979e is the less saturated color, while #3475fd is the most saturated one.

#93979e
```
#93979e rgb(147,151,158)
```
#8b94a6
```
#8b94a6 rgb(139,148,166)
```
#8391ae
```
#8391ae rgb(131,145,174)
```
#7b8eb6
```
#7b8eb6 rgb(123,142,182)
```
#748bbd
```
#748bbd rgb(116,139,189)
```
#6c88c5
```
#6c88c5 rgb(108,136,197)
```
#6486cd
```
#6486cd rgb(100,134,205)
```
#5c83d5
```
#5c83d5 rgb(92,131,213)
```
#5480dd
```
#5480dd rgb(84,128,221)
```
#4c7de5
```
#4c7de5 rgb(76,125,229)
```
#447aed
```
#447aed rgb(68,122,237)
```
#3c78f5
```
#3c78f5 rgb(60,120,245)
```
#3475fd
```
#3475fd rgb(52,117,253)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#757e90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f86de Protanopia 1% of men
#458add Deuteranopia 1% of men
#3195a0 Tritanopia 0.001% of the population

Trichromacy

#5b83dd Protanomaly 1% of men, 0.01% of women
#4a86dd Deuteranomaly 6% of men, 0.4% of women
#3d8db6 Tritanomaly 0.01% of the population

#5480dd hex color

#5480dd Color Information

#5480dd Color Conversion

Color Schemes with #5480dd

Alternatives to #5480dd

#5480dd Preview

Shades and Tints of #5480dd

Tones of #5480dd

Color Blindness Simulator