#5557aa hex color

In a RGB color space, hex #5557aa is composed of 33.3% red, 34.1% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 48.8% magenta, 0% yellow and 33.3% black. It has a hue angle of 238.6 degrees, a saturation of 33.3% and a lightness of 50%. #5557aa color hex could be obtained by blending #aaaeff with #000055. Closest websafe color is: #666699.

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

● #5557aa color description : Dark moderate blue.

The hexadecimal color #5557aa has RGB values of R:85, G:87, B:170 and CMYK values of C:0.5, M:0.49, Y:0, K:0.33. Its decimal value is 5593002.

Hex triplet	5557aa	`#5557aa`
RGB Decimal	85, 87, 170	`rgb(85,87,170)`
RGB Percent	33.3, 34.1, 66.7	`rgb(33.3%,34.1%,66.7%)`
CMYK	50, 49, 0, 33
HSL	238.6°, 33.3, 50	`hsl(238.6,33.3%,50%)`
HSV (or HSB)	238.6°, 50, 66.7
Web Safe	666699	`#666699`

CIE-LAB	40.654, 22.407, -44.983
XYZ	14.409, 11.649, 39.517
xyY	0.22, 0.178, 11.649
CIE-LCH	40.654, 50.255, 296.48
CIE-LUV	40.654, -5.566, -67.436
Hunter-Lab	34.131, 15.625, -44.754
Binary	01010101, 01010111, 10101010

#5557aa
```
#5557aa rgb(85,87,170)
```
#aaa855
```
#aaa855 rgb(170,168,85)
```

Complementary Color

#5582aa
```
#5582aa rgb(85,130,170)
```
#5557aa
```
#5557aa rgb(85,87,170)
```
#7e55aa
```
#7e55aa rgb(126,85,170)
```

Analogous Color

#82aa55
```
#82aa55 rgb(130,170,85)
```
#5557aa
```
#5557aa rgb(85,87,170)
```
#aa7e55
```
#aa7e55 rgb(170,126,85)
```

Split Complementary Color

#57aa55
```
#57aa55 rgb(87,170,85)
```
#5557aa
```
#5557aa rgb(85,87,170)
```
#aa5557
```
#aa5557 rgb(170,85,87)
```

Triadic Color

#55aaa8
```
#55aaa8 rgb(85,170,168)
```
#5557aa
```
#5557aa rgb(85,87,170)
```
#aa5557
```
#aa5557 rgb(170,85,87)
```
#aaa855
```
#aaa855 rgb(170,168,85)
```

Tetradic Color

#3c3d77
```
#3c3d77 rgb(60,61,119)
```
#444688
```
#444688 rgb(68,70,136)
```
#4d4e99
```
#4d4e99 rgb(77,78,153)
```
#5557aa
```
#5557aa rgb(85,87,170)
```
#6668b3
```
#6668b3 rgb(102,104,179)
```
#7779bb
```
#7779bb rgb(119,121,187)
```
#8889c4
```
#8889c4 rgb(136,137,196)
```

Monochromatic Color

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

#556caa
```
#556caa rgb(85,108,170)
```
#5565aa
```
#5565aa rgb(85,101,170)
```
#555eaa
```
#555eaa rgb(85,94,170)
```
#5557aa
```
#5557aa rgb(85,87,170)
```
#5a55aa
```
#5a55aa rgb(90,85,170)
```
#6155aa
```
#6155aa rgb(97,85,170)
```
#6855aa
```
#6855aa rgb(104,85,170)
```

Similar Colors

Text with hexadecimal color #5557aa

This text has a font color of #5557aa.

<span style="color:#5557aa;">Text here</span>

#5557aa background color

This paragraph has a background color of #5557aa.

<p style="background-color:#5557aa;">Content here</p>

#5557aa border color

This element has a border color of #5557aa.

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

CSS codes

.text {color:#5557aa;}

.background {background-color:#5557aa;}

.border {border:1px solid #5557aa;}

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, #07070d is the darkest color, while #ffffff is the lightest one.

#07070d
```
#07070d rgb(7,7,13)
```
#0d0d1a
```
#0d0d1a rgb(13,13,26)
```
#141427
```
#141427 rgb(20,20,39)
```
#1a1b34
```
#1a1b34 rgb(26,27,52)
```
#212141
```
#212141 rgb(33,33,65)
```
#27284e
```
#27284e rgb(39,40,78)
```
#2e2f5c
```
#2e2f5c rgb(46,47,92)
```
#343669
```
#343669 rgb(52,54,105)
```
#3b3c76
```
#3b3c76 rgb(59,60,118)
```
#414383
```
#414383 rgb(65,67,131)
```
#484a90
```
#484a90 rgb(72,74,144)
```
#4e509d
```
#4e509d rgb(78,80,157)
```
#5557aa
```
#5557aa rgb(85,87,170)
```

Shade Color Variation

#6264b1
```
#6264b1 rgb(98,100,177)
```
#6f71b7
```
#6f71b7 rgb(111,113,183)
```
#7c7ebe
```
#7c7ebe rgb(124,126,190)
```
#898bc4
```
#898bc4 rgb(137,139,196)
```
#9698cb
```
#9698cb rgb(150,152,203)
```
#a3a5d1
```
#a3a5d1 rgb(163,165,209)
```
#b1b1d8
```
#b1b1d8 rgb(177,177,216)
```
#bebede
```
#bebede rgb(190,190,222)
```
#cbcbe5
```
#cbcbe5 rgb(203,203,229)
```
#d8d8eb
```
#d8d8eb rgb(216,216,235)
```
#e5e5f2
```
#e5e5f2 rgb(229,229,242)
```
#f2f2f8
```
#f2f2f8 rgb(242,242,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7c7c83
```
#7c7c83 rgb(124,124,131)
```
#72738d
```
#72738d rgb(114,115,141)
```
#696a96
```
#696a96 rgb(105,106,150)
```
#5f60a0
```
#5f60a0 rgb(95,96,160)
```
#5557aa
```
#5557aa rgb(85,87,170)
```
#4b4eb4
```
#4b4eb4 rgb(75,78,180)
```
#4144be
```
#4144be rgb(65,68,190)
```
#383bc7
```
#383bc7 rgb(56,59,199)
```
#2e32d1
```
#2e32d1 rgb(46,50,209)
```
#2428db
```
#2428db rgb(36,40,219)
```
#1a1fe5
```
#1a1fe5 rgb(26,31,229)
```
#1016ef
```
#1016ef rgb(16,22,239)
```
#070cf8
```
#070cf8 rgb(7,12,248)
```

Tone Color Variation

Below, you can see how #5557aa 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

#606060 Achromatopsia 0.005% of the population
#5e5e6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d65b3 Protanopia 1% of men
#2d69aa Deuteranopia 1% of men
#476d75 Tritanopia 0.001% of the population

Trichromacy

#4560af Protanomaly 1% of men, 0.01% of women
#3b62aa Deuteranomaly 6% of men, 0.4% of women
#4c6588 Tritanomaly 0.01% of the population

#5557aa hex color

#5557aa Color Information

#5557aa Color Conversion

Color Schemes with #5557aa

Alternatives to #5557aa

#5557aa Preview

Shades and Tints of #5557aa

Tones of #5557aa

Color Blindness Simulator