#508dbd hex color

In a RGB color space, hex #508dbd is composed of 31.4% red, 55.3% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 25.4% magenta, 0% yellow and 25.9% black. It has a hue angle of 206.4 degrees, a saturation of 45.2% and a lightness of 52.7%. #508dbd color hex could be obtained by blending #a0ffff with #001b7b. Closest websafe color is: #6699cc.

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

● #508dbd color description : Moderate blue.

The hexadecimal color #508dbd has RGB values of R:80, G:141, B:189 and CMYK values of C:0.58, M:0.25, Y:0, K:0.26. Its decimal value is 5279165.

Hex triplet	508dbd	`#508dbd`
RGB Decimal	80, 141, 189	`rgb(80,141,189)`
RGB Percent	31.4, 55.3, 74.1	`rgb(31.4%,55.3%,74.1%)`
CMYK	58, 25, 0, 26
HSL	206.4°, 45.2, 52.7	`hsl(206.4,45.2%,52.7%)`
HSV (or HSB)	206.4°, 57.7, 74.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.514, -5.489, -31.002
XYZ	22.016, 24.428, 51.696
xyY	0.224, 0.249, 24.428
CIE-LCH	56.514, 31.484, 259.96
CIE-LUV	56.514, -26.312, -46.904
Hunter-Lab	49.425, -6.98, -27.418
Binary	01010000, 10001101, 10111101

#508dbd
```
#508dbd rgb(80,141,189)
```
#bd8050
```
#bd8050 rgb(189,128,80)
```

Complementary Color

#50bdb7
```
#50bdb7 rgb(80,189,183)
```
#508dbd
```
#508dbd rgb(80,141,189)
```
#5057bd
```
#5057bd rgb(80,87,189)
```

Analogous Color

#bdb750
```
#bdb750 rgb(189,183,80)
```
#508dbd
```
#508dbd rgb(80,141,189)
```
#bd5057
```
#bd5057 rgb(189,80,87)
```

Split Complementary Color

#8dbd50
```
#8dbd50 rgb(141,189,80)
```
#508dbd
```
#508dbd rgb(80,141,189)
```
#bd508d
```
#bd508d rgb(189,80,141)
```

Triadic Color

#50bd80
```
#50bd80 rgb(80,189,128)
```
#508dbd
```
#508dbd rgb(80,141,189)
```
#bd508d
```
#bd508d rgb(189,80,141)
```
#bd8050
```
#bd8050 rgb(189,128,80)
```

Tetradic Color

#35658c
```
#35658c rgb(53,101,140)
```
#3c739e
```
#3c739e rgb(60,115,158)
```
#4380b1
```
#4380b1 rgb(67,128,177)
```
#508dbd
```
#508dbd rgb(80,141,189)
```
#6399c4
```
#6399c4 rgb(99,153,196)
```
#75a5cb
```
#75a5cb rgb(117,165,203)
```
#88b1d2
```
#88b1d2 rgb(136,177,210)
```

Monochromatic Color

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

#50a8bd
```
#50a8bd rgb(80,168,189)
```
#509fbd
```
#509fbd rgb(80,159,189)
```
#5096bd
```
#5096bd rgb(80,150,189)
```
#508dbd
```
#508dbd rgb(80,141,189)
```
#5084bd
```
#5084bd rgb(80,132,189)
```
#507bbd
```
#507bbd rgb(80,123,189)
```
#5072bd
```
#5072bd rgb(80,114,189)
```

Similar Colors

Text with hexadecimal color #508dbd

This text has a font color of #508dbd.

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

#508dbd background color

This paragraph has a background color of #508dbd.

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

#508dbd border color

This element has a border color of #508dbd.

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

CSS codes

.text {color:#508dbd;}

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

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

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

#04070a
```
#04070a rgb(4,7,10)
```
#091218
```
#091218 rgb(9,18,24)
```
#0f1c27
```
#0f1c27 rgb(15,28,39)
```
#142635
```
#142635 rgb(20,38,53)
```
#193143
```
#193143 rgb(25,49,67)
```
#1f3b51
```
#1f3b51 rgb(31,59,81)
```
#244560
```
#244560 rgb(36,69,96)
```
#29506e
```
#29506e rgb(41,80,110)
```
#2f5a7c
```
#2f5a7c rgb(47,90,124)
```
#34648a
```
#34648a rgb(52,100,138)
```
#3a6f99
```
#3a6f99 rgb(58,111,153)
```
#3f79a7
```
#3f79a7 rgb(63,121,167)
```
#4483b5
```
#4483b5 rgb(68,131,181)
```

Shade Color Variation

#508dbd
```
#508dbd rgb(80,141,189)
```
#5e96c2
```
#5e96c2 rgb(94,150,194)
```
#6ca0c8
```
#6ca0c8 rgb(108,160,200)
```
#7ba9cd
```
#7ba9cd rgb(123,169,205)
```
#89b2d2
```
#89b2d2 rgb(137,178,210)
```
#97bbd8
```
#97bbd8 rgb(151,187,216)
```
#a5c5dd
```
#a5c5dd rgb(165,197,221)
```
#b4cee3
```
#b4cee3 rgb(180,206,227)
```
#c2d7e8
```
#c2d7e8 rgb(194,215,232)
```
#d0e1ed
```
#d0e1ed rgb(208,225,237)
```
#deeaf3
```
#deeaf3 rgb(222,234,243)
```
#edf3f8
```
#edf3f8 rgb(237,243,248)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#7e878f
```
#7e878f rgb(126,135,143)
```
#758998
```
#758998 rgb(117,137,152)
```
#6c8aa1
```
#6c8aa1 rgb(108,138,161)
```
#638baa
```
#638baa rgb(99,139,170)
```
#598cb4
```
#598cb4 rgb(89,140,180)
```
#508dbd
```
#508dbd rgb(80,141,189)
```
#478ec6
```
#478ec6 rgb(71,142,198)
```
#3d8fd0
```
#3d8fd0 rgb(61,143,208)
```
#3490d9
```
#3490d9 rgb(52,144,217)
```
#2b91e2
```
#2b91e2 rgb(43,145,226)
```
#2293eb
```
#2293eb rgb(34,147,235)
```
#1894f5
```
#1894f5 rgb(24,148,245)
```
#0f95fe
```
#0f95fe rgb(15,149,254)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#76838c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e8cbb Protanopia 1% of men
#788cc2 Deuteranopia 1% of men
#4a98a3 Tritanopia 0.001% of the population

Trichromacy

#6d8cbc Protanomaly 1% of men, 0.01% of women
#698cc0 Deuteranomaly 6% of men, 0.4% of women
#4c94ac Tritanomaly 0.01% of the population

#508dbd hex color

#508dbd Color Information

#508dbd Color Conversion

Color Schemes with #508dbd

Alternatives to #508dbd

#508dbd Preview

Shades and Tints of #508dbd

Tones of #508dbd

Color Blindness Simulator