#5471dd hex color

In a RGB color space, hex #5471dd is composed of 32.9% red, 44.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 48.9% magenta, 0% yellow and 13.3% black. It has a hue angle of 227.3 degrees, a saturation of 66.8% and a lightness of 59.8%. #5471dd color hex could be obtained by blending #a8e2ff with #0000bb. Closest websafe color is: #6666cc.

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

● #5471dd color description : Soft blue.

The hexadecimal color #5471dd has RGB values of R:84, G:113, B:221 and CMYK values of C:0.62, M:0.49, Y:0, K:0.13. Its decimal value is 5534173.

Hex triplet	5471dd	`#5471dd`
RGB Decimal	84, 113, 221	`rgb(84,113,221)`
RGB Percent	32.9, 44.3, 86.7	`rgb(32.9%,44.3%,86.7%)`
CMYK	62, 49, 0, 13
HSL	227.3°, 66.8, 59.8	`hsl(227.3,66.8%,59.8%)`
HSV (or HSB)	227.3°, 62, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.587, 22.793, -58.515
XYZ	22.61, 18.914, 70.862
xyY	0.201, 0.168, 18.914
CIE-LCH	50.587, 62.797, 291.282
CIE-LUV	50.587, -15.49, -92.256
Hunter-Lab	43.491, 16.689, -66.162
Binary	01010100, 01110001, 11011101

#5471dd
```
#5471dd rgb(84,113,221)
```
#ddc054
```
#ddc054 rgb(221,192,84)
```

Complementary Color

#54b6dd
```
#54b6dd rgb(84,182,221)
```
#5471dd
```
#5471dd rgb(84,113,221)
```
#7c54dd
```
#7c54dd rgb(124,84,221)
```

Analogous Color

#b6dd54
```
#b6dd54 rgb(182,221,84)
```
#5471dd
```
#5471dd rgb(84,113,221)
```
#dd7c54
```
#dd7c54 rgb(221,124,84)
```

Split Complementary Color

#71dd54
```
#71dd54 rgb(113,221,84)
```
#5471dd
```
#5471dd rgb(84,113,221)
```
#dd5471
```
#dd5471 rgb(221,84,113)
```

Triadic Color

#54ddc0
```
#54ddc0 rgb(84,221,192)
```
#5471dd
```
#5471dd rgb(84,113,221)
```
#dd5471
```
#dd5471 rgb(221,84,113)
```
#ddc054
```
#ddc054 rgb(221,192,84)
```

Tetradic Color

#2646bf
```
#2646bf rgb(38,70,191)
```
#2a4ed4
```
#2a4ed4 rgb(42,78,212)
```
#3f5fd9
```
#3f5fd9 rgb(63,95,217)
```
#5471dd
```
#5471dd rgb(84,113,221)
```
#6983e1
```
#6983e1 rgb(105,131,225)
```
#7f94e5
```
#7f94e5 rgb(127,148,229)
```
#94a6ea
```
#94a6ea rgb(148,166,234)
```

Monochromatic Color

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

#5493dd
```
#5493dd rgb(84,147,221)
```
#5488dd
```
#5488dd rgb(84,136,221)
```
#547cdd
```
#547cdd rgb(84,124,221)
```
#5471dd
```
#5471dd rgb(84,113,221)
```
#5466dd
```
#5466dd rgb(84,102,221)
```
#545add
```
#545add rgb(84,90,221)
```
#5954dd
```
#5954dd rgb(89,84,221)
```

Similar Colors

Text with hexadecimal color #5471dd

This text has a font color of #5471dd.

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

#5471dd background color

This paragraph has a background color of #5471dd.

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

#5471dd border color

This element has a border color of #5471dd.

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

CSS codes

.text {color:#5471dd;}

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

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

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

#020309
```
#020309 rgb(2,3,9)
```
#050919
```
#050919 rgb(5,9,25)
```
#080f2a
```
#080f2a rgb(8,15,42)
```
#0c153a
```
#0c153a rgb(12,21,58)
```
#0f1b4a
```
#0f1b4a rgb(15,27,74)
```
#12215b
```
#12215b rgb(18,33,91)
```
#15276b
```
#15276b rgb(21,39,107)
```
#192e7c
```
#192e7c rgb(25,46,124)
```
#1c348c
```
#1c348c rgb(28,52,140)
```
#1f3a9c
```
#1f3a9c rgb(31,58,156)
```
#2240ad
```
#2240ad rgb(34,64,173)
```
#2646bd
```
#2646bd rgb(38,70,189)
```
#294ccd
```
#294ccd rgb(41,76,205)
```

Shade Color Variation

#3356d6
```
#3356d6 rgb(51,86,214)
```
#4463da
```
#4463da rgb(68,99,218)
```
#5471dd
```
#5471dd rgb(84,113,221)
```
#647fe0
```
#647fe0 rgb(100,127,224)
```
#758ce4
```
#758ce4 rgb(117,140,228)
```
#859ae7
```
#859ae7 rgb(133,154,231)
```
#95a7ea
```
#95a7ea rgb(149,167,234)
```
#a6b5ed
```
#a6b5ed rgb(166,181,237)
```
#b6c3f1
```
#b6c3f1 rgb(182,195,241)
```
#c7d0f4
```
#c7d0f4 rgb(199,208,244)
```
#d7def7
```
#d7def7 rgb(215,222,247)
```
#e7ebfa
```
#e7ebfa rgb(231,235,250)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

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

#93959e
```
#93959e rgb(147,149,158)
```
#8b91a6
```
#8b91a6 rgb(139,145,166)
```
#838cae
```
#838cae rgb(131,140,174)
```
#7b88b6
```
#7b88b6 rgb(123,136,182)
```
#7483bd
```
#7483bd rgb(116,131,189)
```
#6c7fc5
```
#6c7fc5 rgb(108,127,197)
```
#647acd
```
#647acd rgb(100,122,205)
```
#5c76d5
```
#5c76d5 rgb(92,118,213)
```
#5471dd
```
#5471dd rgb(84,113,221)
```
#4c6ce5
```
#4c6ce5 rgb(76,108,229)
```
#4468ed
```
#4468ed rgb(68,104,237)
```
#3c63f5
```
#3c63f5 rgb(60,99,245)
```
#345ffd
```
#345ffd rgb(52,95,253)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#6e748a Atypical Achromatopsia 0.001% of the population

Dichromacy

#417ce2 Protanopia 1% of men
#0081d7 Deuteranopia 1% of men
#258b95 Tritanopia 0.001% of the population

Trichromacy

#4878e0 Protanomaly 1% of men, 0.01% of women
#1e7bd9 Deuteranomaly 6% of men, 0.4% of women
#3681af Tritanomaly 0.01% of the population

#5471dd hex color

#5471dd Color Information

#5471dd Color Conversion

Color Schemes with #5471dd

Alternatives to #5471dd

#5471dd Preview

Shades and Tints of #5471dd

Tones of #5471dd

Color Blindness Simulator