#5556a9 hex color

In a RGB color space, hex #5556a9 is composed of 33.3% red, 33.7% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 49.1% magenta, 0% yellow and 33.7% black. It has a hue angle of 239.3 degrees, a saturation of 33.1% and a lightness of 49.8%. #5556a9 color hex could be obtained by blending #aaacff with #000053. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 34
- B 66
RGB color chart
- C 50
- M 49
- Y 0
- K 34
CMYK color chart

● #5556a9 color description : Dark moderate blue.

The hexadecimal color #5556a9 has RGB values of R:85, G:86, B:169 and CMYK values of C:0.5, M:0.49, Y:0, K:0.34. Its decimal value is 5592745.

Hex triplet	5556a9	`#5556a9`
RGB Decimal	85, 86, 169	`rgb(85,86,169)`
RGB Percent	33.3, 33.7, 66.3	`rgb(33.3%,33.7%,66.3%)`
CMYK	50, 49, 0, 34
HSL	239.3°, 33.1, 49.8	`hsl(239.3,33.1%,49.8%)`
HSV (or HSB)	239.3°, 49.7, 66.3
Web Safe	666699	`#666699`

CIE-LAB	40.33, 22.721, -44.908
XYZ	14.234, 11.451, 38.994
xyY	0.22, 0.177, 11.451
CIE-LCH	40.33, 50.329, 296.837
CIE-LUV	40.33, -5.2, -67.207
Hunter-Lab	33.839, 15.865, -44.634
Binary	01010101, 01010110, 10101001

#5556a9
```
#5556a9 rgb(85,86,169)
```
#a9a855
```
#a9a855 rgb(169,168,85)
```

Complementary Color

#5580a9
```
#5580a9 rgb(85,128,169)
```
#5556a9
```
#5556a9 rgb(85,86,169)
```
#7e55a9
```
#7e55a9 rgb(126,85,169)
```

Analogous Color

#80a955
```
#80a955 rgb(128,169,85)
```
#5556a9
```
#5556a9 rgb(85,86,169)
```
#a97e55
```
#a97e55 rgb(169,126,85)
```

Split Complementary Color

#56a955
```
#56a955 rgb(86,169,85)
```
#5556a9
```
#5556a9 rgb(85,86,169)
```
#a95556
```
#a95556 rgb(169,85,86)
```

Triadic Color

#55a9a8
```
#55a9a8 rgb(85,169,168)
```
#5556a9
```
#5556a9 rgb(85,86,169)
```
#a95556
```
#a95556 rgb(169,85,86)
```
#a9a855
```
#a9a855 rgb(169,168,85)
```

Tetradic Color

#3b3c76
```
#3b3c76 rgb(59,60,118)
```
#444587
```
#444587 rgb(68,69,135)
```
#4c4d98
```
#4c4d98 rgb(76,77,152)
```
#5556a9
```
#5556a9 rgb(85,86,169)
```
#6667b2
```
#6667b2 rgb(102,103,178)
```
#7777ba
```
#7777ba rgb(119,119,186)
```
#8888c3
```
#8888c3 rgb(136,136,195)
```

Monochromatic Color

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

#556ba9
```
#556ba9 rgb(85,107,169)
```
#5564a9
```
#5564a9 rgb(85,100,169)
```
#555da9
```
#555da9 rgb(85,93,169)
```
#5556a9
```
#5556a9 rgb(85,86,169)
```
#5b55a9
```
#5b55a9 rgb(91,85,169)
```
#6255a9
```
#6255a9 rgb(98,85,169)
```
#6955a9
```
#6955a9 rgb(105,85,169)
```

Similar Colors

Text with hexadecimal color #5556a9

This text has a font color of #5556a9.

<span style="color:#5556a9;">Text here</span>

#5556a9 background color

This paragraph has a background color of #5556a9.

<p style="background-color:#5556a9;">Content here</p>

#5556a9 border color

This element has a border color of #5556a9.

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

CSS codes

.text {color:#5556a9;}

.background {background-color:#5556a9;}

.border {border:1px solid #5556a9;}

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, #06060c is the darkest color, while #fefeff is the lightest one.

#06060c
```
#06060c rgb(6,6,12)
```
#0d0d19
```
#0d0d19 rgb(13,13,25)
```
#131426
```
#131426 rgb(19,20,38)
```
#1a1a34
```
#1a1a34 rgb(26,26,52)
```
#202141
```
#202141 rgb(32,33,65)
```
#27284e
```
#27284e rgb(39,40,78)
```
#2e2e5b
```
#2e2e5b rgb(46,46,91)
```
#343568
```
#343568 rgb(52,53,104)
```
#3b3b75
```
#3b3b75 rgb(59,59,117)
```
#414282
```
#414282 rgb(65,66,130)
```
#48498f
```
#48498f rgb(72,73,143)
```
#4e4f9c
```
#4e4f9c rgb(78,79,156)
```
#5556a9
```
#5556a9 rgb(85,86,169)
```

Shade Color Variation

#6263b0
```
#6263b0 rgb(98,99,176)
```
#6f70b6
```
#6f70b6 rgb(111,112,182)
```
#7c7dbd
```
#7c7dbd rgb(124,125,189)
```
#898ac4
```
#898ac4 rgb(137,138,196)
```
#9697ca
```
#9697ca rgb(150,151,202)
```
#a3a4d1
```
#a3a4d1 rgb(163,164,209)
```
#b0b0d7
```
#b0b0d7 rgb(176,176,215)
```
#bdbdde
```
#bdbdde rgb(189,189,222)
```
#cacae4
```
#cacae4 rgb(202,202,228)
```
#d7d7eb
```
#d7d7eb rgb(215,215,235)
```
#e4e4f2
```
#e4e4f2 rgb(228,228,242)
```
#f1f1f8
```
#f1f1f8 rgb(241,241,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7c82 is the less saturated color, while #070af7 is the most saturated one.

#7c7c82
```
#7c7c82 rgb(124,124,130)
```
#72738c
```
#72738c rgb(114,115,140)
```
#696995
```
#696995 rgb(105,105,149)
```
#5f609f
```
#5f609f rgb(95,96,159)
```
#5556a9
```
#5556a9 rgb(85,86,169)
```
#4b4cb3
```
#4b4cb3 rgb(75,76,179)
```
#4143bd
```
#4143bd rgb(65,67,189)
```
#3839c6
```
#3839c6 rgb(56,57,198)
```
#2e30d0
```
#2e30d0 rgb(46,48,208)
```
#2426da
```
#2426da rgb(36,38,218)
```
#1a1de4
```
#1a1de4 rgb(26,29,228)
```
#1113ed
```
#1113ed rgb(17,19,237)
```
#070af7
```
#070af7 rgb(7,10,247)
```

Tone Color Variation

Below, you can see how #5556a9 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

#5f5f5f Achromatopsia 0.005% of the population
#5d5d6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c64b2 Protanopia 1% of men
#2c68a9 Deuteranopia 1% of men
#486d74 Tritanopia 0.001% of the population

Trichromacy

#455faf Protanomaly 1% of men, 0.01% of women
#3b61a9 Deuteranomaly 6% of men, 0.4% of women
#4c6487 Tritanomaly 0.01% of the population

#5556a9 hex color

#5556a9 Color Information

#5556a9 Color Conversion

Color Schemes with #5556a9

Alternatives to #5556a9

#5556a9 Preview

Shades and Tints of #5556a9

Tones of #5556a9

Color Blindness Simulator