#5472dd hex color

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

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

● #5472dd color description : Soft blue.

The hexadecimal color #5472dd has RGB values of R:84, G:114, B:221 and CMYK values of C:0.62, M:0.48, Y:0, K:0.13. Its decimal value is 5534429.

Hex triplet	5472dd	`#5472dd`
RGB Decimal	84, 114, 221	`rgb(84,114,221)`
RGB Percent	32.9, 44.7, 86.7	`rgb(32.9%,44.7%,86.7%)`
CMYK	62, 48, 0, 13
HSL	226.9°, 66.8, 59.8	`hsl(226.9,66.8%,59.8%)`
HSV (or HSB)	226.9°, 62, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.849, 22.174, -58.093
XYZ	22.722, 19.139, 70.899
xyY	0.202, 0.17, 19.139
CIE-LCH	50.849, 62.181, 290.892
CIE-LUV	50.849, -15.794, -91.669
Hunter-Lab	43.748, 16.151, -65.464
Binary	01010100, 01110010, 11011101

#5472dd
```
#5472dd rgb(84,114,221)
```
#ddbf54
```
#ddbf54 rgb(221,191,84)
```

Complementary Color

#54b7dd
```
#54b7dd rgb(84,183,221)
```
#5472dd
```
#5472dd rgb(84,114,221)
```
#7b54dd
```
#7b54dd rgb(123,84,221)
```

Analogous Color

#b7dd54
```
#b7dd54 rgb(183,221,84)
```
#5472dd
```
#5472dd rgb(84,114,221)
```
#dd7b54
```
#dd7b54 rgb(221,123,84)
```

Split Complementary Color

#72dd54
```
#72dd54 rgb(114,221,84)
```
#5472dd
```
#5472dd rgb(84,114,221)
```
#dd5472
```
#dd5472 rgb(221,84,114)
```

Triadic Color

#54ddbf
```
#54ddbf rgb(84,221,191)
```
#5472dd
```
#5472dd rgb(84,114,221)
```
#dd5472
```
#dd5472 rgb(221,84,114)
```
#ddbf54
```
#ddbf54 rgb(221,191,84)
```

Tetradic Color

#2647bf
```
#2647bf rgb(38,71,191)
```
#2a4fd4
```
#2a4fd4 rgb(42,79,212)
```
#3f60d9
```
#3f60d9 rgb(63,96,217)
```
#5472dd
```
#5472dd rgb(84,114,221)
```
#6984e1
```
#6984e1 rgb(105,132,225)
```
#7f95e5
```
#7f95e5 rgb(127,149,229)
```
#94a7ea
```
#94a7ea rgb(148,167,234)
```

Monochromatic Color

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

#5494dd
```
#5494dd rgb(84,148,221)
```
#5489dd
```
#5489dd rgb(84,137,221)
```
#547ddd
```
#547ddd rgb(84,125,221)
```
#5472dd
```
#5472dd rgb(84,114,221)
```
#5467dd
```
#5467dd rgb(84,103,221)
```
#545bdd
```
#545bdd rgb(84,91,221)
```
#5854dd
```
#5854dd rgb(88,84,221)
```

Similar Colors

Text with hexadecimal color #5472dd

This text has a font color of #5472dd.

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

#5472dd background color

This paragraph has a background color of #5472dd.

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

#5472dd border color

This element has a border color of #5472dd.

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

CSS codes

.text {color:#5472dd;}

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

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

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)
```
#08102a
```
#08102a rgb(8,16,42)
```
#0c163a
```
#0c163a rgb(12,22,58)
```
#0f1c4a
```
#0f1c4a rgb(15,28,74)
```
#12225b
```
#12225b rgb(18,34,91)
```
#15286b
```
#15286b rgb(21,40,107)
```
#192e7c
```
#192e7c rgb(25,46,124)
```
#1c348c
```
#1c348c rgb(28,52,140)
```
#1f3a9c
```
#1f3a9c rgb(31,58,156)
```
#2241ad
```
#2241ad rgb(34,65,173)
```
#2647bd
```
#2647bd rgb(38,71,189)
```
#294dcd
```
#294dcd rgb(41,77,205)
```

Shade Color Variation

#3357d6
```
#3357d6 rgb(51,87,214)
```
#4465da
```
#4465da rgb(68,101,218)
```
#5472dd
```
#5472dd rgb(84,114,221)
```
#647fe0
```
#647fe0 rgb(100,127,224)
```
#758de4
```
#758de4 rgb(117,141,228)
```
#859ae7
```
#859ae7 rgb(133,154,231)
```
#95a8ea
```
#95a8ea rgb(149,168,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 #3460fd is the most saturated one.

#93959e
```
#93959e rgb(147,149,158)
```
#8b91a6
```
#8b91a6 rgb(139,145,166)
```
#838dae
```
#838dae rgb(131,141,174)
```
#7b88b6
```
#7b88b6 rgb(123,136,182)
```
#7484bd
```
#7484bd rgb(116,132,189)
```
#6c7fc5
```
#6c7fc5 rgb(108,127,197)
```
#647bcd
```
#647bcd rgb(100,123,205)
```
#5c76d5
```
#5c76d5 rgb(92,118,213)
```
#5472dd
```
#5472dd rgb(84,114,221)
```
#4c6ee5
```
#4c6ee5 rgb(76,110,229)
```
#4469ed
```
#4469ed rgb(68,105,237)
```
#3c65f5
```
#3c65f5 rgb(60,101,245)
```
#3460fd
```
#3460fd rgb(52,96,253)
```

Tone Color Variation

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

#447ce1 Protanopia 1% of men
#0082d8 Deuteranopia 1% of men
#268b96 Tritanopia 0.001% of the population

Trichromacy

#4978e0 Protanomaly 1% of men, 0.01% of women
#1e7cda Deuteranomaly 6% of men, 0.4% of women
#3782af Tritanomaly 0.01% of the population

#5472dd hex color

#5472dd Color Information

#5472dd Color Conversion

Color Schemes with #5472dd

Alternatives to #5472dd

#5472dd Preview

Shades and Tints of #5472dd

Tones of #5472dd

Color Blindness Simulator