#505bd1 hex color

In a RGB color space, hex #505bd1 is composed of 31.4% red, 35.7% green and 82% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 56.5% magenta, 0% yellow and 18% black. It has a hue angle of 234.9 degrees, a saturation of 58.4% and a lightness of 56.7%. #505bd1 color hex could be obtained by blending #a0b6ff with #0000a3. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 36
- B 82
RGB color chart
- C 62
- M 56
- Y 0
- K 18
CMYK color chart

● #505bd1 color description : Moderate blue.

The hexadecimal color #505bd1 has RGB values of R:80, G:91, B:209 and CMYK values of C:0.62, M:0.56, Y:0, K:0.18. Its decimal value is 5266385.

Hex triplet	505bd1	`#505bd1`
RGB Decimal	80, 91, 209	`rgb(80,91,209)`
RGB Percent	31.4, 35.7, 82	`rgb(31.4%,35.7%,82%)`
CMYK	62, 56, 0, 18
HSL	234.9°, 58.4, 56.7	`hsl(234.9,58.4%,56.7%)`
HSV (or HSB)	234.9°, 61.7, 82
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.931, 31.735, -62.444
XYZ	18.556, 13.79, 62.002
xyY	0.197, 0.146, 13.79
CIE-LCH	43.931, 70.045, 296.941
CIE-LUV	43.931, -9.955, -95.182
Hunter-Lab	37.135, 24.206, -72.998
Binary	01010000, 01011011, 11010001

#505bd1
```
#505bd1 rgb(80,91,209)
```
#d1c650
```
#d1c650 rgb(209,198,80)
```

Complementary Color

#509cd1
```
#509cd1 rgb(80,156,209)
```
#505bd1
```
#505bd1 rgb(80,91,209)
```
#8650d1
```
#8650d1 rgb(134,80,209)
```

Analogous Color

#9cd150
```
#9cd150 rgb(156,209,80)
```
#505bd1
```
#505bd1 rgb(80,91,209)
```
#d18650
```
#d18650 rgb(209,134,80)
```

Split Complementary Color

#5bd150
```
#5bd150 rgb(91,209,80)
```
#505bd1
```
#505bd1 rgb(80,91,209)
```
#d1505b
```
#d1505b rgb(209,80,91)
```

Triadic Color

#50d1c6
```
#50d1c6 rgb(80,209,198)
```
#505bd1
```
#505bd1 rgb(80,91,209)
```
#d1505b
```
#d1505b rgb(209,80,91)
```
#d1c650
```
#d1c650 rgb(209,198,80)
```

Tetradic Color

#2c37a8
```
#2c37a8 rgb(44,55,168)
```
#323dbc
```
#323dbc rgb(50,61,188)
```
#3c48cc
```
#3c48cc rgb(60,72,204)
```
#505bd1
```
#505bd1 rgb(80,91,209)
```
#646ed6
```
#646ed6 rgb(100,110,214)
```
#7881dc
```
#7881dc rgb(120,129,220)
```
#8d94e1
```
#8d94e1 rgb(141,148,225)
```

Monochromatic Color

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

#507bd1
```
#507bd1 rgb(80,123,209)
```
#5071d1
```
#5071d1 rgb(80,113,209)
```
#5066d1
```
#5066d1 rgb(80,102,209)
```
#505bd1
```
#505bd1 rgb(80,91,209)
```
#5050d1
```
#5050d1 rgb(80,80,209)
```
#5b50d1
```
#5b50d1 rgb(91,80,209)
```
#6550d1
```
#6550d1 rgb(101,80,209)
```

Similar Colors

Text with hexadecimal color #505bd1

This text has a font color of #505bd1.

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

#505bd1 background color

This paragraph has a background color of #505bd1.

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

#505bd1 border color

This element has a border color of #505bd1.

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

CSS codes

.text {color:#505bd1;}

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

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

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

#03040b
```
#03040b rgb(3,4,11)
```
#07091b
```
#07091b rgb(7,9,27)
```
#0b0e2a
```
#0b0e2a rgb(11,14,42)
```
#0f133a
```
#0f133a rgb(15,19,58)
```
#13184a
```
#13184a rgb(19,24,74)
```
#171d59
```
#171d59 rgb(23,29,89)
```
#1b2269
```
#1b2269 rgb(27,34,105)
```
#202778
```
#202778 rgb(32,39,120)
```
#242c88
```
#242c88 rgb(36,44,136)
```
#283197
```
#283197 rgb(40,49,151)
```
#2c36a7
```
#2c36a7 rgb(44,54,167)
```
#303bb6
```
#303bb6 rgb(48,59,182)
```
#3440c6
```
#3440c6 rgb(52,64,198)
```

Shade Color Variation

#404ccd
```
#404ccd rgb(64,76,205)
```
#505bd1
```
#505bd1 rgb(80,91,209)
```
#606ad5
```
#606ad5 rgb(96,106,213)
```
#6f78d9
```
#6f78d9 rgb(111,120,217)
```
#7f87dd
```
#7f87dd rgb(127,135,221)
```
#8e95e1
```
#8e95e1 rgb(142,149,225)
```
#9ea4e5
```
#9ea4e5 rgb(158,164,229)
```
#adb2e9
```
#adb2e9 rgb(173,178,233)
```
#bdc1ee
```
#bdc1ee rgb(189,193,238)
```
#cccff2
```
#cccff2 rgb(204,207,242)
```
#dcdef6
```
#dcdef6 rgb(220,222,246)
```
#ebedfa
```
#ebedfa rgb(235,237,250)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8c96 is the less saturated color, while #2638fc is the most saturated one.

#8c8c96
```
#8c8c96 rgb(140,140,150)
```
#83859e
```
#83859e rgb(131,133,158)
```
#7b7ea7
```
#7b7ea7 rgb(123,126,167)
```
#7277af
```
#7277af rgb(114,119,175)
```
#6a70b8
```
#6a70b8 rgb(106,112,184)
```
#6169c0
```
#6169c0 rgb(97,105,192)
```
#5962c9
```
#5962c9 rgb(89,98,201)
```
#505bd1
```
#505bd1 rgb(80,91,209)
```
#4854da
```
#4854da rgb(72,84,218)
```
#3f4de2
```
#3f4de2 rgb(63,77,226)
```
#3746eb
```
#3746eb rgb(55,70,235)
```
#2e3ff3
```
#2e3ff3 rgb(46,63,243)
```
#2638fc
```
#2638fc rgb(38,56,252)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#61637b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#0072ba Deuteranopia 1% of men
#197a83 Tritanopia 0.001% of the population

Trichromacy

#1d65d3 Protanomaly 1% of men, 0.01% of women
#1d69c2 Deuteranomaly 6% of men, 0.4% of women
#2d6e9f Tritanomaly 0.01% of the population

#505bd1 hex color

#505bd1 Color Information

#505bd1 Color Conversion

Color Schemes with #505bd1

Alternatives to #505bd1

#505bd1 Preview

Shades and Tints of #505bd1

Tones of #505bd1

Color Blindness Simulator