#505a89 hex color

In a RGB color space, hex #505a89 is composed of 31.4% red, 35.3% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 41.6% cyan, 34.3% magenta, 0% yellow and 46.3% black. It has a hue angle of 229.5 degrees, a saturation of 26.3% and a lightness of 42.5%. #505a89 color hex could be obtained by blending #a0b4ff with #000013. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 35
- B 54
RGB color chart
- C 42
- M 34
- Y 0
- K 46
CMYK color chart

● #505a89 color description : Mostly desaturated dark blue.

The hexadecimal color #505a89 has RGB values of R:80, G:90, B:137 and CMYK values of C:0.42, M:0.34, Y:0, K:0.46. Its decimal value is 5266057.

Hex triplet	505a89	`#505a89`
RGB Decimal	80, 90, 137	`rgb(80,90,137)`
RGB Percent	31.4, 35.3, 53.7	`rgb(31.4%,35.3%,53.7%)`
CMYK	42, 34, 0, 46
HSL	229.5°, 26.3, 42.5	`hsl(229.5,26.3%,42.5%)`
HSV (or HSB)	229.5°, 41.6, 53.7
Web Safe	666699	`#666699`

CIE-LAB	39.282, 8.864, -27.399
XYZ	11.479, 10.824, 25.15
xyY	0.242, 0.228, 10.824
CIE-LCH	39.282, 28.797, 287.928
CIE-LUV	39.282, -6.97, -39.61
Hunter-Lab	32.899, 4.707, -22.295
Binary	01010000, 01011010, 10001001

#505a89
```
#505a89 rgb(80,90,137)
```
#897f50
```
#897f50 rgb(137,127,80)
```

Complementary Color

#507789
```
#507789 rgb(80,119,137)
```
#505a89
```
#505a89 rgb(80,90,137)
```
#625089
```
#625089 rgb(98,80,137)
```

Analogous Color

#778950
```
#778950 rgb(119,137,80)
```
#505a89
```
#505a89 rgb(80,90,137)
```
#896350
```
#896350 rgb(137,99,80)
```

Split Complementary Color

#5a8950
```
#5a8950 rgb(90,137,80)
```
#505a89
```
#505a89 rgb(80,90,137)
```
#89505a
```
#89505a rgb(137,80,90)
```

Triadic Color

#50897f
```
#50897f rgb(80,137,127)
```
#505a89
```
#505a89 rgb(80,90,137)
```
#89505a
```
#89505a rgb(137,80,90)
```
#897f50
```
#897f50 rgb(137,127,80)
```

Tetradic Color

#343a59
```
#343a59 rgb(52,58,89)
```
#3d4569
```
#3d4569 rgb(61,69,105)
```
#474f79
```
#474f79 rgb(71,79,121)
```
#505a89
```
#505a89 rgb(80,90,137)
```
#596599
```
#596599 rgb(89,101,153)
```
#6671a6
```
#6671a6 rgb(102,113,166)
```
#7680af
```
#7680af rgb(118,128,175)
```

Monochromatic Color

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

#506889
```
#506889 rgb(80,104,137)
```
#506489
```
#506489 rgb(80,100,137)
```
#505f89
```
#505f89 rgb(80,95,137)
```
#505a89
```
#505a89 rgb(80,90,137)
```
#505589
```
#505589 rgb(80,85,137)
```
#505189
```
#505189 rgb(80,81,137)
```
#545089
```
#545089 rgb(84,80,137)
```

Similar Colors

Text with hexadecimal color #505a89

This text has a font color of #505a89.

<span style="color:#505a89;">Text here</span>

#505a89 background color

This paragraph has a background color of #505a89.

<p style="background-color:#505a89;">Content here</p>

#505a89 border color

This element has a border color of #505a89.

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

CSS codes

.text {color:#505a89;}

.background {background-color:#505a89;}

.border {border:1px solid #505a89;}

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

#000101
```
#000101 rgb(0,1,1)
```
#08090d
```
#08090d rgb(8,9,13)
```
#0f111a
```
#0f111a rgb(15,17,26)
```
#161926
```
#161926 rgb(22,25,38)
```
#1d2132
```
#1d2132 rgb(29,33,50)
```
#25293f
```
#25293f rgb(37,41,63)
```
#2c314b
```
#2c314b rgb(44,49,75)
```
#333957
```
#333957 rgb(51,57,87)
```
#3a4264
```
#3a4264 rgb(58,66,100)
```
#424a70
```
#424a70 rgb(66,74,112)
```
#49527d
```
#49527d rgb(73,82,125)
```
#505a89
```
#505a89 rgb(80,90,137)
```
#576295
```
#576295 rgb(87,98,149)
```

Shade Color Variation

#5f6aa1
```
#5f6aa1 rgb(95,106,161)
```
#6b76a9
```
#6b76a9 rgb(107,118,169)
```
#7881b0
```
#7881b0 rgb(120,129,176)
```
#848db7
```
#848db7 rgb(132,141,183)
```
#9098be
```
#9098be rgb(144,152,190)
```
#9da4c6
```
#9da4c6 rgb(157,164,198)
```
#a9afcd
```
#a9afcd rgb(169,175,205)
```
#b5bbd4
```
#b5bbd4 rgb(181,187,212)
```
#c2c6db
```
#c2c6db rgb(194,198,219)
```
#ced2e3
```
#ced2e3 rgb(206,210,227)
```
#dbddea
```
#dbddea rgb(219,221,234)
```
#e7e9f1
```
#e7e9f1 rgb(231,233,241)
```
#f3f4f8
```
#f3f4f8 rgb(243,244,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696a70 is the less saturated color, while #0529d4 is the most saturated one.

#696a70
```
#696a70 rgb(105,106,112)
```
#616578
```
#616578 rgb(97,101,120)
```
#585f81
```
#585f81 rgb(88,95,129)
```
#505a89
```
#505a89 rgb(80,90,137)
```
#485591
```
#485591 rgb(72,85,145)
```
#3f4f9a
```
#3f4f9a rgb(63,79,154)
```
#374aa2
```
#374aa2 rgb(55,74,162)
```
#2f44aa
```
#2f44aa rgb(47,68,170)
```
#263fb3
```
#263fb3 rgb(38,63,179)
```
#1e39bb
```
#1e39bb rgb(30,57,187)
```
#1634c3
```
#1634c3 rgb(22,52,195)
```
#0d2fcc
```
#0d2fcc rgb(13,47,204)
```
#0529d4
```
#0529d4 rgb(5,41,212)
```

Tone Color Variation

Below, you can see how #505a89 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

#5c5c5c Achromatopsia 0.005% of the population
#5a5c65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#55638f Protanopia 1% of men
#52648e Deuteranopia 1% of men
#4f6970 Tritanopia 0.001% of the population

Trichromacy

#53608d Protanomaly 1% of men, 0.01% of women
#51608c Deuteranomaly 6% of men, 0.4% of women
#4f6379 Tritanomaly 0.01% of the population

#505a89 hex color

#505a89 Color Information

#505a89 Color Conversion

Color Schemes with #505a89

Alternatives to #505a89

#505a89 Preview

Shades and Tints of #505a89

Tones of #505a89

Color Blindness Simulator