#508cb9 hex color

In a RGB color space, hex #508cb9 is composed of 31.4% red, 54.9% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 24.3% magenta, 0% yellow and 27.5% black. It has a hue angle of 205.7 degrees, a saturation of 42.9% and a lightness of 52%. #508cb9 color hex could be obtained by blending #a0ffff with #001973. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 55
- B 73
RGB color chart
- C 57
- M 24
- Y 0
- K 27
CMYK color chart

● #508cb9 color description : Moderate blue.

The hexadecimal color #508cb9 has RGB values of R:80, G:140, B:185 and CMYK values of C:0.57, M:0.24, Y:0, K:0.27. Its decimal value is 5278905.

Hex triplet	508cb9	`#508cb9`
RGB Decimal	80, 140, 185	`rgb(80,140,185)`
RGB Percent	31.4, 54.9, 72.5	`rgb(31.4%,54.9%,72.5%)`
CMYK	57, 24, 0, 27
HSL	205.7°, 42.9, 52	`hsl(205.7,42.9%,52%)`
HSV (or HSB)	205.7°, 56.8, 72.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.051, -6.19, -29.446
XYZ	21.441, 23.963, 49.392
xyY	0.226, 0.253, 23.963
CIE-LCH	56.051, 30.09, 258.128
CIE-LUV	56.051, -26.037, -44.226
Hunter-Lab	48.952, -7.482, -25.556
Binary	01010000, 10001100, 10111001

#508cb9
```
#508cb9 rgb(80,140,185)
```
#b97d50
```
#b97d50 rgb(185,125,80)
```

Complementary Color

#50b9b2
```
#50b9b2 rgb(80,185,178)
```
#508cb9
```
#508cb9 rgb(80,140,185)
```
#5058b9
```
#5058b9 rgb(80,88,185)
```

Analogous Color

#b9b250
```
#b9b250 rgb(185,178,80)
```
#508cb9
```
#508cb9 rgb(80,140,185)
```
#b95058
```
#b95058 rgb(185,80,88)
```

Split Complementary Color

#8cb950
```
#8cb950 rgb(140,185,80)
```
#508cb9
```
#508cb9 rgb(80,140,185)
```
#b9508c
```
#b9508c rgb(185,80,140)
```

Triadic Color

#50b97d
```
#50b97d rgb(80,185,125)
```
#508cb9
```
#508cb9 rgb(80,140,185)
```
#b9508c
```
#b9508c rgb(185,80,140)
```
#b97d50
```
#b97d50 rgb(185,125,80)
```

Tetradic Color

#366487
```
#366487 rgb(54,100,135)
```
#3d7299
```
#3d7299 rgb(61,114,153)
```
#447fab
```
#447fab rgb(68,127,171)
```
#508cb9
```
#508cb9 rgb(80,140,185)
```
#6298c0
```
#6298c0 rgb(98,152,192)
```
#74a4c8
```
#74a4c8 rgb(116,164,200)
```
#87b0cf
```
#87b0cf rgb(135,176,207)
```

Monochromatic Color

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

#50a6b9
```
#50a6b9 rgb(80,166,185)
```
#509eb9
```
#509eb9 rgb(80,158,185)
```
#5095b9
```
#5095b9 rgb(80,149,185)
```
#508cb9
```
#508cb9 rgb(80,140,185)
```
#5083b9
```
#5083b9 rgb(80,131,185)
```
#507bb9
```
#507bb9 rgb(80,123,185)
```
#5072b9
```
#5072b9 rgb(80,114,185)
```

Similar Colors

Text with hexadecimal color #508cb9

This text has a font color of #508cb9.

<span style="color:#508cb9;">Text here</span>

#508cb9 background color

This paragraph has a background color of #508cb9.

<p style="background-color:#508cb9;">Content here</p>

#508cb9 border color

This element has a border color of #508cb9.

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

CSS codes

.text {color:#508cb9;}

.background {background-color:#508cb9;}

.border {border:1px solid #508cb9;}

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

#030507
```
#030507 rgb(3,5,7)
```
#081015
```
#081015 rgb(8,16,21)
```
#0e1a23
```
#0e1a23 rgb(14,26,35)
```
#142531
```
#142531 rgb(20,37,49)
```
#192f3f
```
#192f3f rgb(25,47,63)
```
#1f394d
```
#1f394d rgb(31,57,77)
```
#24445b
```
#24445b rgb(36,68,91)
```
#2a4e69
```
#2a4e69 rgb(42,78,105)
```
#305977
```
#305977 rgb(48,89,119)
```
#356385
```
#356385 rgb(53,99,133)
```
#3b6d93
```
#3b6d93 rgb(59,109,147)
```
#4178a1
```
#4178a1 rgb(65,120,161)
```
#4682af
```
#4682af rgb(70,130,175)
```

Shade Color Variation

#508cb9
```
#508cb9 rgb(80,140,185)
```
#5e95bf
```
#5e95bf rgb(94,149,191)
```
#6c9ec4
```
#6c9ec4 rgb(108,158,196)
```
#7aa8ca
```
#7aa8ca rgb(122,168,202)
```
#88b1cf
```
#88b1cf rgb(136,177,207)
```
#96bad5
```
#96bad5 rgb(150,186,213)
```
#a4c3db
```
#a4c3db rgb(164,195,219)
```
#b2cce0
```
#b2cce0 rgb(178,204,224)
```
#c0d6e6
```
#c0d6e6 rgb(192,214,230)
```
#cedfeb
```
#cedfeb rgb(206,223,235)
```
#dce8f1
```
#dce8f1 rgb(220,232,241)
```
#eaf1f7
```
#eaf1f7 rgb(234,241,247)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

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

#7f858a
```
#7f858a rgb(127,133,138)
```
#768793
```
#768793 rgb(118,135,147)
```
#6c889d
```
#6c889d rgb(108,136,157)
```
#6389a6
```
#6389a6 rgb(99,137,166)
```
#598bb0
```
#598bb0 rgb(89,139,176)
```
#508cb9
```
#508cb9 rgb(80,140,185)
```
#478dc2
```
#478dc2 rgb(71,141,194)
```
#3d8fcc
```
#3d8fcc rgb(61,143,204)
```
#3490d5
```
#3490d5 rgb(52,144,213)
```
#2a91df
```
#2a91df rgb(42,145,223)
```
#2193e8
```
#2193e8 rgb(33,147,232)
```
#1794f2
```
#1794f2 rgb(23,148,242)
```
#0e95fb
```
#0e95fb rgb(14,149,251)
```

Tone Color Variation

Below, you can see how #508cb9 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

#7f7f7f Achromatopsia 0.005% of the population
#76828b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f8bb7 Protanopia 1% of men
#798bbf Deuteranopia 1% of men
#4b97a2 Tritanopia 0.001% of the population

Trichromacy

#6d8bb8 Protanomaly 1% of men, 0.01% of women
#6a8bbc Deuteranomaly 6% of men, 0.4% of women
#4d93aa Tritanomaly 0.01% of the population

#508cb9 hex color

#508cb9 Color Information

#508cb9 Color Conversion

Color Schemes with #508cb9

Alternatives to #508cb9

#508cb9 Preview

Shades and Tints of #508cb9

Tones of #508cb9

Color Blindness Simulator