#5566dd hex color

In a RGB color space, hex #5566dd is composed of 33.3% red, 40% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 53.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 232.5 degrees, a saturation of 66.7% and a lightness of 60%. #5566dd color hex could be obtained by blending #aaccff with #0000bb. Closest websafe color is: #6666cc.

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

● #5566dd color description : Soft blue.

The hexadecimal color #5566dd has RGB values of R:85, G:102, B:221 and CMYK values of C:0.62, M:0.54, Y:0, K:0.13. Its decimal value is 5596893.

Hex triplet	5566dd	`#5566dd`
RGB Decimal	85, 102, 221	`rgb(85,102,221)`
RGB Percent	33.3, 40, 86.7	`rgb(33.3%,40%,86.7%)`
CMYK	62, 54, 0, 13
HSL	232.5°, 66.7, 60	`hsl(232.5,66.7%,60%)`
HSV (or HSB)	232.5°, 61.5, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.82, 29.782, -62.974
XYZ	21.546, 16.653, 70.482
xyY	0.198, 0.153, 16.653
CIE-LCH	47.82, 69.661, 295.311
CIE-LUV	47.82, -12.015, -98.155
Hunter-Lab	40.809, 22.83, -73.835
Binary	01010101, 01100110, 11011101

#5566dd
```
#5566dd rgb(85,102,221)
```
#ddcc55
```
#ddcc55 rgb(221,204,85)
```

Complementary Color

#55aadd
```
#55aadd rgb(85,170,221)
```
#5566dd
```
#5566dd rgb(85,102,221)
```
#8855dd
```
#8855dd rgb(136,85,221)
```

Analogous Color

#aadd55
```
#aadd55 rgb(170,221,85)
```
#5566dd
```
#5566dd rgb(85,102,221)
```
#dd8855
```
#dd8855 rgb(221,136,85)
```

Split Complementary Color

#66dd55
```
#66dd55 rgb(102,221,85)
```
#5566dd
```
#5566dd rgb(85,102,221)
```
#dd5566
```
#dd5566 rgb(221,85,102)
```

Triadic Color

#55ddcc
```
#55ddcc rgb(85,221,204)
```
#5566dd
```
#5566dd rgb(85,102,221)
```
#dd5566
```
#dd5566 rgb(221,85,102)
```
#ddcc55
```
#ddcc55 rgb(221,204,85)
```

Tetradic Color

#2639bf
```
#2639bf rgb(38,57,191)
```
#2b40d5
```
#2b40d5 rgb(43,64,213)
```
#4053d9
```
#4053d9 rgb(64,83,217)
```
#5566dd
```
#5566dd rgb(85,102,221)
```
#6a79e1
```
#6a79e1 rgb(106,121,225)
```
#808ce6
```
#808ce6 rgb(128,140,230)
```
#959fea
```
#959fea rgb(149,159,234)
```

Monochromatic Color

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

#5588dd
```
#5588dd rgb(85,136,221)
```
#557ddd
```
#557ddd rgb(85,125,221)
```
#5571dd
```
#5571dd rgb(85,113,221)
```
#5566dd
```
#5566dd rgb(85,102,221)
```
#555bdd
```
#555bdd rgb(85,91,221)
```
#5b55dd
```
#5b55dd rgb(91,85,221)
```
#6655dd
```
#6655dd rgb(102,85,221)
```

Similar Colors

Text with hexadecimal color #5566dd

This text has a font color of #5566dd.

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

#5566dd background color

This paragraph has a background color of #5566dd.

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

#5566dd border color

This element has a border color of #5566dd.

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

CSS codes

.text {color:#5566dd;}

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

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

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

#02030a
```
#02030a rgb(2,3,10)
```
#05081a
```
#05081a rgb(5,8,26)
```
#080d2b
```
#080d2b rgb(8,13,43)
```
#0c123b
```
#0c123b rgb(12,18,59)
```
#0f174b
```
#0f174b rgb(15,23,75)
```
#121b5c
```
#121b5c rgb(18,27,92)
```
#16206c
```
#16206c rgb(22,32,108)
```
#19257c
```
#19257c rgb(25,37,124)
```
#1c2a8d
```
#1c2a8d rgb(28,42,141)
```
#1f2f9d
```
#1f2f9d rgb(31,47,157)
```
#2334ad
```
#2334ad rgb(35,52,173)
```
#2639be
```
#2639be rgb(38,57,190)
```
#293ece
```
#293ece rgb(41,62,206)
```

Shade Color Variation

#3449d6
```
#3449d6 rgb(52,73,214)
```
#4557da
```
#4557da rgb(69,87,218)
```
#5566dd
```
#5566dd rgb(85,102,221)
```
#6575e0
```
#6575e0 rgb(101,117,224)
```
#7683e4
```
#7683e4 rgb(118,131,228)
```
#8692e7
```
#8692e7 rgb(134,146,231)
```
#96a1ea
```
#96a1ea rgb(150,161,234)
```
#a7b0ed
```
#a7b0ed rgb(167,176,237)
```
#b7bef1
```
#b7bef1 rgb(183,190,241)
```
#c7cdf4
```
#c7cdf4 rgb(199,205,244)
```
#d8dcf7
```
#d8dcf7 rgb(216,220,247)
```
#e8eafa
```
#e8eafa rgb(232,234,250)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

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

#94959e
```
#94959e rgb(148,149,158)
```
#8c8fa6
```
#8c8fa6 rgb(140,143,166)
```
#8489ae
```
#8489ae rgb(132,137,174)
```
#7c83b6
```
#7c83b6 rgb(124,131,182)
```
#747ebe
```
#747ebe rgb(116,126,190)
```
#6d78c5
```
#6d78c5 rgb(109,120,197)
```
#6572cd
```
#6572cd rgb(101,114,205)
```
#5d6cd5
```
#5d6cd5 rgb(93,108,213)
```
#5566dd
```
#5566dd rgb(85,102,221)
```
#4d60e5
```
#4d60e5 rgb(77,96,229)
```
#455aed
```
#455aed rgb(69,90,237)
```
#3d54f5
```
#3d54f5 rgb(61,84,245)
```
#364efc
```
#364efc rgb(54,78,252)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#696c84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0f75e5 Protanopia 1% of men
#007bca Deuteranopia 1% of men
#1f848d Tritanopia 0.001% of the population

Trichromacy

#286fe2 Protanomaly 1% of men, 0.01% of women
#1e73d1 Deuteranomaly 6% of men, 0.4% of women
#3379aa Tritanomaly 0.01% of the population

#5566dd hex color

#5566dd Color Information

#5566dd Color Conversion

Color Schemes with #5566dd

Alternatives to #5566dd

#5566dd Preview

Shades and Tints of #5566dd

Tones of #5566dd

Color Blindness Simulator