#5557af hex color

In a RGB color space, hex #5557af is composed of 33.3% red, 34.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 50.3% magenta, 0% yellow and 31.4% black. It has a hue angle of 238.7 degrees, a saturation of 36% and a lightness of 51%. #5557af color hex could be obtained by blending #aaaeff with #00005f. Closest websafe color is: #666699.

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

● #5557af color description : Dark moderate blue.

The hexadecimal color #5557af has RGB values of R:85, G:87, B:175 and CMYK values of C:0.51, M:0.5, Y:0, K:0.31. Its decimal value is 5593007.

Hex triplet	5557af	`#5557af`
RGB Decimal	85, 87, 175	`rgb(85,87,175)`
RGB Percent	33.3, 34.1, 68.6	`rgb(33.3%,34.1%,68.6%)`
CMYK	51, 50, 0, 31
HSL	238.7°, 36, 51	`hsl(238.7,36%,51%)`
HSV (or HSB)	238.7°, 51.4, 68.6
Web Safe	666699	`#666699`

CIE-LAB	40.964, 24.008, -47.439
XYZ	14.891, 11.842, 42.056
xyY	0.216, 0.172, 11.842
CIE-LCH	40.964, 53.168, 296.843
CIE-LUV	40.964, -5.827, -71.31
Hunter-Lab	34.413, 17.017, -48.37
Binary	01010101, 01010111, 10101111

#5557af
```
#5557af rgb(85,87,175)
```
#afad55
```
#afad55 rgb(175,173,85)
```

Complementary Color

#5584af
```
#5584af rgb(85,132,175)
```
#5557af
```
#5557af rgb(85,87,175)
```
#8055af
```
#8055af rgb(128,85,175)
```

Analogous Color

#84af55
```
#84af55 rgb(132,175,85)
```
#5557af
```
#5557af rgb(85,87,175)
```
#af8055
```
#af8055 rgb(175,128,85)
```

Split Complementary Color

#57af55
```
#57af55 rgb(87,175,85)
```
#5557af
```
#5557af rgb(85,87,175)
```
#af5557
```
#af5557 rgb(175,85,87)
```

Triadic Color

#55afad
```
#55afad rgb(85,175,173)
```
#5557af
```
#5557af rgb(85,87,175)
```
#af5557
```
#af5557 rgb(175,85,87)
```
#afad55
```
#afad55 rgb(175,173,85)
```

Tetradic Color

#3b3c7d
```
#3b3c7d rgb(59,60,125)
```
#43458e
```
#43458e rgb(67,69,142)
```
#4b4d9f
```
#4b4d9f rgb(75,77,159)
```
#5557af
```
#5557af rgb(85,87,175)
```
#6668b7
```
#6668b7 rgb(102,104,183)
```
#7879bf
```
#7879bf rgb(120,121,191)
```
#898ac7
```
#898ac7 rgb(137,138,199)
```

Monochromatic Color

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

#556eaf
```
#556eaf rgb(85,110,175)
```
#5566af
```
#5566af rgb(85,102,175)
```
#555faf
```
#555faf rgb(85,95,175)
```
#5557af
```
#5557af rgb(85,87,175)
```
#5a55af
```
#5a55af rgb(90,85,175)
```
#6255af
```
#6255af rgb(98,85,175)
```
#6a55af
```
#6a55af rgb(106,85,175)
```

Similar Colors

Text with hexadecimal color #5557af

This text has a font color of #5557af.

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

#5557af background color

This paragraph has a background color of #5557af.

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

#5557af border color

This element has a border color of #5557af.

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

CSS codes

.text {color:#5557af;}

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

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

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, #020203 is the darkest color, while #f5f5fa is the lightest one.

#020203
```
#020203 rgb(2,2,3)
```
#080811
```
#080811 rgb(8,8,17)
```
#0e0f1e
```
#0e0f1e rgb(14,15,30)
```
#14152b
```
#14152b rgb(20,21,43)
```
#1b1b39
```
#1b1b39 rgb(27,27,57)
```
#212246
```
#212246 rgb(33,34,70)
```
#272853
```
#272853 rgb(39,40,83)
```
#2e2f61
```
#2e2f61 rgb(46,47,97)
```
#34356e
```
#34356e rgb(52,53,110)
```
#3a3c7b
```
#3a3c7b rgb(58,60,123)
```
#404289
```
#404289 rgb(64,66,137)
```
#474896
```
#474896 rgb(71,72,150)
```
#4d4fa3
```
#4d4fa3 rgb(77,79,163)
```

Shade Color Variation

#5557af
```
#5557af rgb(85,87,175)
```
#6264b5
```
#6264b5 rgb(98,100,181)
```
#7071bc
```
#7071bc rgb(112,113,188)
```
#7d7fc2
```
#7d7fc2 rgb(125,127,194)
```
#8a8cc8
```
#8a8cc8 rgb(138,140,200)
```
#9899ce
```
#9899ce rgb(152,153,206)
```
#a5a6d5
```
#a5a6d5 rgb(165,166,213)
```
#b2b3db
```
#b2b3db rgb(178,179,219)
```
#c0c0e1
```
#c0c0e1 rgb(192,192,225)
```
#cdcee7
```
#cdcee7 rgb(205,206,231)
```
#dadbee
```
#dadbee rgb(218,219,238)
```
#e8e8f4
```
#e8e8f4 rgb(232,232,244)
```
#f5f5fa
```
#f5f5fa rgb(245,245,250)
```

Tint Color Variation

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

#7b7c89
```
#7b7c89 rgb(123,124,137)
```
#727392
```
#727392 rgb(114,115,146)
```
#68699c
```
#68699c rgb(104,105,156)
```
#5f60a5
```
#5f60a5 rgb(95,96,165)
```
#5557af
```
#5557af rgb(85,87,175)
```
#4b4eb9
```
#4b4eb9 rgb(75,78,185)
```
#4245c2
```
#4245c2 rgb(66,69,194)
```
#383bcc
```
#383bcc rgb(56,59,204)
```
#2f32d5
```
#2f32d5 rgb(47,50,213)
```
#2529df
```
#2529df rgb(37,41,223)
```
#1b20e9
```
#1b20e9 rgb(27,32,233)
```
#1217f2
```
#1217f2 rgb(18,23,242)
```
#080dfc
```
#080dfc rgb(8,13,252)
```

Tone Color Variation

Below, you can see how #5557af 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
#5e5e70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3866b8 Protanopia 1% of men
#226aae Deuteranopia 1% of men
#456f77 Tritanopia 0.001% of the population

Trichromacy

#4260b5 Protanomaly 1% of men, 0.01% of women
#3463ae Deuteranomaly 6% of men, 0.4% of women
#4a668b Tritanomaly 0.01% of the population

#5557af hex color

#5557af Color Information

#5557af Color Conversion

Color Schemes with #5557af

Alternatives to #5557af

#5557af Preview

Shades and Tints of #5557af

Tones of #5557af

Color Blindness Simulator