#5572dd hex color

In a RGB color space, hex #5572dd is composed of 33.3% red, 44.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 48.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 227.2 degrees, a saturation of 66.7% and a lightness of 60%. #5572dd color hex could be obtained by blending #aae4ff 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

● #5572dd color description : Soft blue.

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

Hex triplet	5572dd	`#5572dd`
RGB Decimal	85, 114, 221	`rgb(85,114,221)`
RGB Percent	33.3, 44.7, 86.7	`rgb(33.3%,44.7%,86.7%)`
CMYK	62, 48, 0, 13
HSL	227.2°, 66.7, 60	`hsl(227.2,66.7%,60%)`
HSV (or HSB)	227.2°, 61.5, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.903, 22.351, -58.003
XYZ	22.812, 19.185, 70.904
xyY	0.202, 0.17, 19.185
CIE-LCH	50.903, 62.161, 291.074
CIE-LUV	50.903, -15.531, -91.571
Hunter-Lab	43.801, 16.314, -65.316
Binary	01010101, 01110010, 11011101

#5572dd
```
#5572dd rgb(85,114,221)
```
#ddc055
```
#ddc055 rgb(221,192,85)
```

Complementary Color

#55b6dd
```
#55b6dd rgb(85,182,221)
```
#5572dd
```
#5572dd rgb(85,114,221)
```
#7c55dd
```
#7c55dd rgb(124,85,221)
```

Analogous Color

#b6dd55
```
#b6dd55 rgb(182,221,85)
```
#5572dd
```
#5572dd rgb(85,114,221)
```
#dd7c55
```
#dd7c55 rgb(221,124,85)
```

Split Complementary Color

#72dd55
```
#72dd55 rgb(114,221,85)
```
#5572dd
```
#5572dd rgb(85,114,221)
```
#dd5572
```
#dd5572 rgb(221,85,114)
```

Triadic Color

#55ddc0
```
#55ddc0 rgb(85,221,192)
```
#5572dd
```
#5572dd rgb(85,114,221)
```
#dd5572
```
#dd5572 rgb(221,85,114)
```
#ddc055
```
#ddc055 rgb(221,192,85)
```

Tetradic Color

#2647bf
```
#2647bf rgb(38,71,191)
```
#2b4fd5
```
#2b4fd5 rgb(43,79,213)
```
#4060d9
```
#4060d9 rgb(64,96,217)
```
#5572dd
```
#5572dd rgb(85,114,221)
```
#6a84e1
```
#6a84e1 rgb(106,132,225)
```
#8095e6
```
#8095e6 rgb(128,149,230)
```
#95a7ea
```
#95a7ea rgb(149,167,234)
```

Monochromatic Color

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

#5594dd
```
#5594dd rgb(85,148,221)
```
#5589dd
```
#5589dd rgb(85,137,221)
```
#557ddd
```
#557ddd rgb(85,125,221)
```
#5572dd
```
#5572dd rgb(85,114,221)
```
#5567dd
```
#5567dd rgb(85,103,221)
```
#555bdd
```
#555bdd rgb(85,91,221)
```
#5a55dd
```
#5a55dd rgb(90,85,221)
```

Similar Colors

Text with hexadecimal color #5572dd

This text has a font color of #5572dd.

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

#5572dd background color

This paragraph has a background color of #5572dd.

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

#5572dd border color

This element has a border color of #5572dd.

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

CSS codes

.text {color:#5572dd;}

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

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

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

#02040a
```
#02040a rgb(2,4,10)
```
#050a1a
```
#050a1a rgb(5,10,26)
```
#08102b
```
#08102b rgb(8,16,43)
```
#0c163b
```
#0c163b rgb(12,22,59)
```
#0f1c4b
```
#0f1c4b rgb(15,28,75)
```
#12225c
```
#12225c rgb(18,34,92)
```
#16286c
```
#16286c rgb(22,40,108)
```
#192e7c
```
#192e7c rgb(25,46,124)
```
#1c348d
```
#1c348d rgb(28,52,141)
```
#1f3a9d
```
#1f3a9d rgb(31,58,157)
```
#2340ad
```
#2340ad rgb(35,64,173)
```
#2646be
```
#2646be rgb(38,70,190)
```
#294cce
```
#294cce rgb(41,76,206)
```

Shade Color Variation

#3457d6
```
#3457d6 rgb(52,87,214)
```
#4564da
```
#4564da rgb(69,100,218)
```
#5572dd
```
#5572dd rgb(85,114,221)
```
#6580e0
```
#6580e0 rgb(101,128,224)
```
#768de4
```
#768de4 rgb(118,141,228)
```
#869be7
```
#869be7 rgb(134,155,231)
```
#96a8ea
```
#96a8ea rgb(150,168,234)
```
#a7b6ed
```
#a7b6ed rgb(167,182,237)
```
#b7c3f1
```
#b7c3f1 rgb(183,195,241)
```
#c7d1f4
```
#c7d1f4 rgb(199,209,244)
```
#d8def7
```
#d8def7 rgb(216,222,247)
```
#e8ecfa
```
#e8ecfa rgb(232,236,250)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

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

#94969e
```
#94969e rgb(148,150,158)
```
#8c92a6
```
#8c92a6 rgb(140,146,166)
```
#848dae
```
#848dae rgb(132,141,174)
```
#7c89b6
```
#7c89b6 rgb(124,137,182)
```
#7484be
```
#7484be rgb(116,132,190)
```
#6d80c5
```
#6d80c5 rgb(109,128,197)
```
#657bcd
```
#657bcd rgb(101,123,205)
```
#5d77d5
```
#5d77d5 rgb(93,119,213)
```
#5572dd
```
#5572dd rgb(85,114,221)
```
#4d6ee5
```
#4d6ee5 rgb(77,110,229)
```
#4569ed
```
#4569ed rgb(69,105,237)
```
#3d65f5
```
#3d65f5 rgb(61,101,245)
```
#3660fc
```
#3660fc rgb(54,96,252)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#6f758b Atypical Achromatopsia 0.001% of the population

Dichromacy

#447ce1 Protanopia 1% of men
#0082d9 Deuteranopia 1% of men
#298b96 Tritanopia 0.001% of the population

Trichromacy

#4a78e0 Protanomaly 1% of men, 0.01% of women
#1e7cda Deuteranomaly 6% of men, 0.4% of women
#3982af Tritanomaly 0.01% of the population

#5572dd hex color

#5572dd Color Information

#5572dd Color Conversion

Color Schemes with #5572dd

Alternatives to #5572dd

#5572dd Preview

Shades and Tints of #5572dd

Tones of #5572dd

Color Blindness Simulator