#505fbd hex color

In a RGB color space, hex #505fbd is composed of 31.4% red, 37.3% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 49.7% magenta, 0% yellow and 25.9% black. It has a hue angle of 231.7 degrees, a saturation of 45.2% and a lightness of 52.7%. #505fbd color hex could be obtained by blending #a0beff with #00007b. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 37
- B 74
RGB color chart
- C 58
- M 50
- Y 0
- K 26
CMYK color chart

● #505fbd color description : Moderate blue.

The hexadecimal color #505fbd has RGB values of R:80, G:95, B:189 and CMYK values of C:0.58, M:0.5, Y:0, K:0.26. Its decimal value is 5267389.

Hex triplet	505fbd	`#505fbd`
RGB Decimal	80, 95, 189	`rgb(80,95,189)`
RGB Percent	31.4, 37.3, 74.1	`rgb(31.4%,37.3%,74.1%)`
CMYK	58, 50, 0, 26
HSL	231.7°, 45.2, 52.7	`hsl(231.7,45.2%,52.7%)`
HSV (or HSB)	231.7°, 57.7, 74.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.6, 22.499, -51.424
XYZ	16.584, 13.563, 49.885
xyY	0.207, 0.169, 13.563
CIE-LCH	43.6, 56.13, 293.631
CIE-LUV	43.6, -10.431, -78.299
Hunter-Lab	36.828, 15.93, -54.531
Binary	01010000, 01011111, 10111101

#505fbd
```
#505fbd rgb(80,95,189)
```
#bdae50
```
#bdae50 rgb(189,174,80)
```

Complementary Color

#5096bd
```
#5096bd rgb(80,150,189)
```
#505fbd
```
#505fbd rgb(80,95,189)
```
#7850bd
```
#7850bd rgb(120,80,189)
```

Analogous Color

#96bd50
```
#96bd50 rgb(150,189,80)
```
#505fbd
```
#505fbd rgb(80,95,189)
```
#bd7850
```
#bd7850 rgb(189,120,80)
```

Split Complementary Color

#5fbd50
```
#5fbd50 rgb(95,189,80)
```
#505fbd
```
#505fbd rgb(80,95,189)
```
#bd505f
```
#bd505f rgb(189,80,95)
```

Triadic Color

#50bdae
```
#50bdae rgb(80,189,174)
```
#505fbd
```
#505fbd rgb(80,95,189)
```
#bd505f
```
#bd505f rgb(189,80,95)
```
#bdae50
```
#bdae50 rgb(189,174,80)
```

Tetradic Color

#35418c
```
#35418c rgb(53,65,140)
```
#3c499e
```
#3c499e rgb(60,73,158)
```
#4352b1
```
#4352b1 rgb(67,82,177)
```
#505fbd
```
#505fbd rgb(80,95,189)
```
#6370c4
```
#6370c4 rgb(99,112,196)
```
#7581cb
```
#7581cb rgb(117,129,203)
```
#8892d2
```
#8892d2 rgb(136,146,210)
```

Monochromatic Color

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

#507abd
```
#507abd rgb(80,122,189)
```
#5071bd
```
#5071bd rgb(80,113,189)
```
#5068bd
```
#5068bd rgb(80,104,189)
```
#505fbd
```
#505fbd rgb(80,95,189)
```
#5056bd
```
#5056bd rgb(80,86,189)
```
#5350bd
```
#5350bd rgb(83,80,189)
```
#5c50bd
```
#5c50bd rgb(92,80,189)
```

Similar Colors

Text with hexadecimal color #505fbd

This text has a font color of #505fbd.

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

#505fbd background color

This paragraph has a background color of #505fbd.

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

#505fbd border color

This element has a border color of #505fbd.

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

CSS codes

.text {color:#505fbd;}

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

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

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

#04050a
```
#04050a rgb(4,5,10)
```
#090b18
```
#090b18 rgb(9,11,24)
```
#0f1227
```
#0f1227 rgb(15,18,39)
```
#141835
```
#141835 rgb(20,24,53)
```
#191f43
```
#191f43 rgb(25,31,67)
```
#1f2651
```
#1f2651 rgb(31,38,81)
```
#242c60
```
#242c60 rgb(36,44,96)
```
#29336e
```
#29336e rgb(41,51,110)
```
#2f397c
```
#2f397c rgb(47,57,124)
```
#34408a
```
#34408a rgb(52,64,138)
```
#3a4799
```
#3a4799 rgb(58,71,153)
```
#3f4da7
```
#3f4da7 rgb(63,77,167)
```
#4454b5
```
#4454b5 rgb(68,84,181)
```

Shade Color Variation

#505fbd
```
#505fbd rgb(80,95,189)
```
#5e6cc2
```
#5e6cc2 rgb(94,108,194)
```
#6c79c8
```
#6c79c8 rgb(108,121,200)
```
#7b86cd
```
#7b86cd rgb(123,134,205)
```
#8993d2
```
#8993d2 rgb(137,147,210)
```
#97a0d8
```
#97a0d8 rgb(151,160,216)
```
#a5addd
```
#a5addd rgb(165,173,221)
```
#b4bae3
```
#b4bae3 rgb(180,186,227)
```
#c2c7e8
```
#c2c7e8 rgb(194,199,232)
```
#d0d4ed
```
#d0d4ed rgb(208,212,237)
```
#dee1f3
```
#dee1f3 rgb(222,225,243)
```
#edeef8
```
#edeef8 rgb(237,238,248)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#7e818f
```
#7e818f rgb(126,129,143)
```
#757a98
```
#757a98 rgb(117,122,152)
```
#6c73a1
```
#6c73a1 rgb(108,115,161)
```
#636caa
```
#636caa rgb(99,108,170)
```
#5966b4
```
#5966b4 rgb(89,102,180)
```
#505fbd
```
#505fbd rgb(80,95,189)
```
#4758c6
```
#4758c6 rgb(71,88,198)
```
#3d52d0
```
#3d52d0 rgb(61,82,208)
```
#344bd9
```
#344bd9 rgb(52,75,217)
```
#2b44e2
```
#2b44e2 rgb(43,68,226)
```
#223deb
```
#223deb rgb(34,61,235)
```
#1837f5
```
#1837f5 rgb(24,55,245)
```
#0f30fe
```
#0f30fe rgb(15,48,254)
```

Tone Color Variation

Below, you can see how #505fbd 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
#616477 Atypical Achromatopsia 0.001% of the population

Dichromacy

#396cc4 Protanopia 1% of men
#0070bc Deuteranopia 1% of men
#367780 Tritanopia 0.001% of the population

Trichromacy

#4167c1 Protanomaly 1% of men, 0.01% of women
#1d6abc Deuteranomaly 6% of men, 0.4% of women
#3f6e96 Tritanomaly 0.01% of the population

#505fbd hex color

#505fbd Color Information

#505fbd Color Conversion

Color Schemes with #505fbd

Alternatives to #505fbd

#505fbd Preview

Shades and Tints of #505fbd

Tones of #505fbd

Color Blindness Simulator