#505cbe hex color

In a RGB color space, hex #505cbe is composed of 31.4% red, 36.1% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 51.6% magenta, 0% yellow and 25.5% black. It has a hue angle of 233.5 degrees, a saturation of 45.8% and a lightness of 52.9%. #505cbe color hex could be obtained by blending #a0b8ff with #00007d. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 36
- B 75
RGB color chart
- C 58
- M 52
- Y 0
- K 25
CMYK color chart

● #505cbe color description : Moderate blue.

The hexadecimal color #505cbe has RGB values of R:80, G:92, B:190 and CMYK values of C:0.58, M:0.52, Y:0, K:0.25. Its decimal value is 5266622.

Hex triplet	505cbe	`#505cbe`
RGB Decimal	80, 92, 190	`rgb(80,92,190)`
RGB Percent	31.4, 36.1, 74.5	`rgb(31.4%,36.1%,74.5%)`
CMYK	58, 52, 0, 25
HSL	233.5°, 45.8, 52.9	`hsl(233.5,45.8%,52.9%)`
HSV (or HSB)	233.5°, 57.9, 74.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	42.879, 24.729, -53.166
XYZ	16.428, 13.077, 50.371
xyY	0.206, 0.164, 13.077
CIE-LCH	42.879, 58.635, 294.944
CIE-LUV	42.879, -9.566, -80.679
Hunter-Lab	36.162, 17.807, -57.274
Binary	01010000, 01011100, 10111110

#505cbe
```
#505cbe rgb(80,92,190)
```
#beb250
```
#beb250 rgb(190,178,80)
```

Complementary Color

#5093be
```
#5093be rgb(80,147,190)
```
#505cbe
```
#505cbe rgb(80,92,190)
```
#7b50be
```
#7b50be rgb(123,80,190)
```

Analogous Color

#93be50
```
#93be50 rgb(147,190,80)
```
#505cbe
```
#505cbe rgb(80,92,190)
```
#be7b50
```
#be7b50 rgb(190,123,80)
```

Split Complementary Color

#5cbe50
```
#5cbe50 rgb(92,190,80)
```
#505cbe
```
#505cbe rgb(80,92,190)
```
#be505c
```
#be505c rgb(190,80,92)
```

Triadic Color

#50beb2
```
#50beb2 rgb(80,190,178)
```
#505cbe
```
#505cbe rgb(80,92,190)
```
#be505c
```
#be505c rgb(190,80,92)
```
#beb250
```
#beb250 rgb(190,178,80)
```

Tetradic Color

#343e8d
```
#343e8d rgb(52,62,141)
```
#3b46a0
```
#3b46a0 rgb(59,70,160)
```
#424eb2
```
#424eb2 rgb(66,78,178)
```
#505cbe
```
#505cbe rgb(80,92,190)
```
#636dc5
```
#636dc5 rgb(99,109,197)
```
#757fcc
```
#757fcc rgb(117,127,204)
```
#8890d3
```
#8890d3 rgb(136,144,211)
```

Monochromatic Color

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

#5078be
```
#5078be rgb(80,120,190)
```
#506ebe
```
#506ebe rgb(80,110,190)
```
#5065be
```
#5065be rgb(80,101,190)
```
#505cbe
```
#505cbe rgb(80,92,190)
```
#5053be
```
#5053be rgb(80,83,190)
```
#5650be
```
#5650be rgb(86,80,190)
```
#6050be
```
#6050be rgb(96,80,190)
```

Similar Colors

Text with hexadecimal color #505cbe

This text has a font color of #505cbe.

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

#505cbe background color

This paragraph has a background color of #505cbe.

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

#505cbe border color

This element has a border color of #505cbe.

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

CSS codes

.text {color:#505cbe;}

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

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

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, #04050b is the darkest color, while #fcfcfe is the lightest one.

#04050b
```
#04050b rgb(4,5,11)
```
#090b19
```
#090b19 rgb(9,11,25)
```
#0f1128
```
#0f1128 rgb(15,17,40)
```
#141836
```
#141836 rgb(20,24,54)
```
#191e44
```
#191e44 rgb(25,30,68)
```
#1f2452
```
#1f2452 rgb(31,36,82)
```
#242b61
```
#242b61 rgb(36,43,97)
```
#29316f
```
#29316f rgb(41,49,111)
```
#2f377d
```
#2f377d rgb(47,55,125)
```
#343d8c
```
#343d8c rgb(52,61,140)
```
#39449a
```
#39449a rgb(57,68,154)
```
#3f4aa8
```
#3f4aa8 rgb(63,74,168)
```
#4450b7
```
#4450b7 rgb(68,80,183)
```

Shade Color Variation

#505cbe
```
#505cbe rgb(80,92,190)
```
#5e69c3
```
#5e69c3 rgb(94,105,195)
```
#6d77c9
```
#6d77c9 rgb(109,119,201)
```
#7b84ce
```
#7b84ce rgb(123,132,206)
```
#8991d3
```
#8991d3 rgb(137,145,211)
```
#989fd9
```
#989fd9 rgb(152,159,217)
```
#a6acde
```
#a6acde rgb(166,172,222)
```
#b4b9e3
```
#b4b9e3 rgb(180,185,227)
```
#c2c7e9
```
#c2c7e9 rgb(194,199,233)
```
#d1d4ee
```
#d1d4ee rgb(209,212,238)
```
#dfe1f3
```
#dfe1f3 rgb(223,225,243)
```
#edeff8
```
#edeff8 rgb(237,239,248)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#7e8090
```
#7e8090 rgb(126,128,144)
```
#757999
```
#757999 rgb(117,121,153)
```
#6c72a2
```
#6c72a2 rgb(108,114,162)
```
#626aac
```
#626aac rgb(98,106,172)
```
#5963b5
```
#5963b5 rgb(89,99,181)
```
#505cbe
```
#505cbe rgb(80,92,190)
```
#4755c7
```
#4755c7 rgb(71,85,199)
```
#3e4ed0
```
#3e4ed0 rgb(62,78,208)
```
#3446da
```
#3446da rgb(52,70,218)
```
#2b3fe3
```
#2b3fe3 rgb(43,63,227)
```
#2238ec
```
#2238ec rgb(34,56,236)
```
#1931f5
```
#1931f5 rgb(25,49,245)
```
#0f29ff
```
#0f29ff rgb(15,41,255)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#606276 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f6ac6 Protanopia 1% of men
#006fb8 Deuteranopia 1% of men
#34767e Tritanopia 0.001% of the population

Trichromacy

#3b65c3 Protanomaly 1% of men, 0.01% of women
#1d68ba Deuteranomaly 6% of men, 0.4% of women
#3e6c95 Tritanomaly 0.01% of the population

#505cbe hex color

#505cbe Color Information

#505cbe Color Conversion

Color Schemes with #505cbe

Alternatives to #505cbe

#505cbe Preview

Shades and Tints of #505cbe

Tones of #505cbe

Color Blindness Simulator