#508dba hex color

In a RGB color space, hex #508dba is composed of 31.4% red, 55.3% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 24.2% magenta, 0% yellow and 27.1% black. It has a hue angle of 205.5 degrees, a saturation of 43.4% and a lightness of 52.2%. #508dba color hex could be obtained by blending #a0ffff with #001b75. 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

● #508dba color description : Moderate blue.

The hexadecimal color #508dba has RGB values of R:80, G:141, B:186 and CMYK values of C:0.57, M:0.24, Y:0, K:0.27. Its decimal value is 5279162.

Hex triplet	508dba	`#508dba`
RGB Decimal	80, 141, 186	`rgb(80,141,186)`
RGB Percent	31.4, 55.3, 72.9	`rgb(31.4%,55.3%,72.9%)`
CMYK	57, 24, 0, 27
HSL	205.5°, 43.4, 52.2	`hsl(205.5,43.4%,52.2%)`
HSV (or HSB)	205.5°, 57, 72.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.386, -6.444, -29.496
XYZ	21.694, 24.299, 49.999
xyY	0.226, 0.253, 24.299
CIE-LCH	56.386, 30.191, 257.677
CIE-LUV	56.386, -26.387, -44.321
Hunter-Lab	49.294, -7.708, -25.632
Binary	01010000, 10001101, 10111010

#508dba
```
#508dba rgb(80,141,186)
```
#ba7d50
```
#ba7d50 rgb(186,125,80)
```

Complementary Color

#50bab2
```
#50bab2 rgb(80,186,178)
```
#508dba
```
#508dba rgb(80,141,186)
```
#5058ba
```
#5058ba rgb(80,88,186)
```

Analogous Color

#bab250
```
#bab250 rgb(186,178,80)
```
#508dba
```
#508dba rgb(80,141,186)
```
#ba5058
```
#ba5058 rgb(186,80,88)
```

Split Complementary Color

#8dba50
```
#8dba50 rgb(141,186,80)
```
#508dba
```
#508dba rgb(80,141,186)
```
#ba508d
```
#ba508d rgb(186,80,141)
```

Triadic Color

#50ba7d
```
#50ba7d rgb(80,186,125)
```
#508dba
```
#508dba rgb(80,141,186)
```
#ba508d
```
#ba508d rgb(186,80,141)
```
#ba7d50
```
#ba7d50 rgb(186,125,80)
```

Tetradic Color

#366588
```
#366588 rgb(54,101,136)
```
#3d739a
```
#3d739a rgb(61,115,154)
```
#4480ac
```
#4480ac rgb(68,128,172)
```
#508dba
```
#508dba rgb(80,141,186)
```
#6299c1
```
#6299c1 rgb(98,153,193)
```
#75a5c8
```
#75a5c8 rgb(117,165,200)
```
#87b1d0
```
#87b1d0 rgb(135,177,208)
```

Monochromatic Color

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

#50a8ba
```
#50a8ba rgb(80,168,186)
```
#509fba
```
#509fba rgb(80,159,186)
```
#5096ba
```
#5096ba rgb(80,150,186)
```
#508dba
```
#508dba rgb(80,141,186)
```
#5084ba
```
#5084ba rgb(80,132,186)
```
#507bba
```
#507bba rgb(80,123,186)
```
#5073ba
```
#5073ba rgb(80,115,186)
```

Similar Colors

Text with hexadecimal color #508dba

This text has a font color of #508dba.

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

#508dba background color

This paragraph has a background color of #508dba.

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

#508dba border color

This element has a border color of #508dba.

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

CSS codes

.text {color:#508dba;}

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

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

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

#030608
```
#030608 rgb(3,6,8)
```
#091016
```
#091016 rgb(9,16,22)
```
#0e1b24
```
#0e1b24 rgb(14,27,36)
```
#142532
```
#142532 rgb(20,37,50)
```
#193040
```
#193040 rgb(25,48,64)
```
#1f3a4e
```
#1f3a4e rgb(31,58,78)
```
#24455c
```
#24455c rgb(36,69,92)
```
#2a4f6a
```
#2a4f6a rgb(42,79,106)
```
#2f5978
```
#2f5978 rgb(47,89,120)
```
#356487
```
#356487 rgb(53,100,135)
```
#3b6e95
```
#3b6e95 rgb(59,110,149)
```
#4079a3
```
#4079a3 rgb(64,121,163)
```
#4683b1
```
#4683b1 rgb(70,131,177)
```

Shade Color Variation

#508dba
```
#508dba rgb(80,141,186)
```
#5e96c0
```
#5e96c0 rgb(94,150,192)
```
#6c9fc5
```
#6c9fc5 rgb(108,159,197)
```
#7aa8cb
```
#7aa8cb rgb(122,168,203)
```
#88b2d0
```
#88b2d0 rgb(136,178,208)
```
#96bbd6
```
#96bbd6 rgb(150,187,214)
```
#a4c4db
```
#a4c4db rgb(164,196,219)
```
#b2cde1
```
#b2cde1 rgb(178,205,225)
```
#c1d6e6
```
#c1d6e6 rgb(193,214,230)
```
#cfdfec
```
#cfdfec rgb(207,223,236)
```
#dde9f1
```
#dde9f1 rgb(221,233,241)
```
#ebf2f7
```
#ebf2f7 rgb(235,242,247)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

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

#7f868b
```
#7f868b rgb(127,134,139)
```
#768794
```
#768794 rgb(118,135,148)
```
#6c899e
```
#6c899e rgb(108,137,158)
```
#638aa7
```
#638aa7 rgb(99,138,167)
```
#598cb1
```
#598cb1 rgb(89,140,177)
```
#508dba
```
#508dba rgb(80,141,186)
```
#478ec3
```
#478ec3 rgb(71,142,195)
```
#3d90cd
```
#3d90cd rgb(61,144,205)
```
#3491d6
```
#3491d6 rgb(52,145,214)
```
#2a93e0
```
#2a93e0 rgb(42,147,224)
```
#2194e9
```
#2194e9 rgb(33,148,233)
```
#1895f2
```
#1895f2 rgb(24,149,242)
```
#0e97fc
```
#0e97fc rgb(14,151,252)
```

Tone Color Variation

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

#7f8bb8 Protanopia 1% of men
#7a8cc0 Deuteranopia 1% of men
#4b98a3 Tritanopia 0.001% of the population

Trichromacy

#6e8cb9 Protanomaly 1% of men, 0.01% of women
#6b8cbd Deuteranomaly 6% of men, 0.4% of women
#4d94ab Tritanomaly 0.01% of the population

#508dba hex color

#508dba Color Information

#508dba Color Conversion

Color Schemes with #508dba

Alternatives to #508dba

#508dba Preview

Shades and Tints of #508dba

Tones of #508dba

Color Blindness Simulator