#508bba hex color

In a RGB color space, hex #508bba is composed of 31.4% red, 54.5% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 25.3% magenta, 0% yellow and 27.1% black. It has a hue angle of 206.6 degrees, a saturation of 43.4% and a lightness of 52.2%. #508bba color hex could be obtained by blending #a0ffff with #001775. Closest websafe color is: #6699cc.

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

● #508bba color description : Moderate blue.

The hexadecimal color #508bba has RGB values of R:80, G:139, B:186 and CMYK values of C:0.57, M:0.25, Y:0, K:0.27. Its decimal value is 5278650.

Hex triplet	508bba	`#508bba`
RGB Decimal	80, 139, 186	`rgb(80,139,186)`
RGB Percent	31.4, 54.5, 72.9	`rgb(31.4%,54.5%,72.9%)`
CMYK	57, 25, 0, 27
HSL	206.6°, 43.4, 52.2	`hsl(206.6,43.4%,52.2%)`
HSV (or HSB)	206.6°, 57, 72.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.801, -5.3, -30.404
XYZ	21.402, 23.715, 49.901
xyY	0.225, 0.25, 23.715
CIE-LCH	55.801, 30.862, 260.112
CIE-LUV	55.801, -25.639, -45.852
Hunter-Lab	48.698, -6.773, -26.667
Binary	01010000, 10001011, 10111010

#508bba
```
#508bba rgb(80,139,186)
```
#ba7f50
```
#ba7f50 rgb(186,127,80)
```

Complementary Color

#50bab4
```
#50bab4 rgb(80,186,180)
```
#508bba
```
#508bba rgb(80,139,186)
```
#5056ba
```
#5056ba rgb(80,86,186)
```

Analogous Color

#bab450
```
#bab450 rgb(186,180,80)
```
#508bba
```
#508bba rgb(80,139,186)
```
#ba5056
```
#ba5056 rgb(186,80,86)
```

Split Complementary Color

#8bba50
```
#8bba50 rgb(139,186,80)
```
#508bba
```
#508bba rgb(80,139,186)
```
#ba508b
```
#ba508b rgb(186,80,139)
```

Triadic Color

#50ba7f
```
#50ba7f rgb(80,186,127)
```
#508bba
```
#508bba rgb(80,139,186)
```
#ba508b
```
#ba508b rgb(186,80,139)
```
#ba7f50
```
#ba7f50 rgb(186,127,80)
```

Tetradic Color

#366388
```
#366388 rgb(54,99,136)
```
#3d719a
```
#3d719a rgb(61,113,154)
```
#447eac
```
#447eac rgb(68,126,172)
```
#508bba
```
#508bba rgb(80,139,186)
```
#6297c1
```
#6297c1 rgb(98,151,193)
```
#75a3c8
```
#75a3c8 rgb(117,163,200)
```
#87afd0
```
#87afd0 rgb(135,175,208)
```

Monochromatic Color

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

#50a6ba
```
#50a6ba rgb(80,166,186)
```
#509dba
```
#509dba rgb(80,157,186)
```
#5094ba
```
#5094ba rgb(80,148,186)
```
#508bba
```
#508bba rgb(80,139,186)
```
#5082ba
```
#5082ba rgb(80,130,186)
```
#5079ba
```
#5079ba rgb(80,121,186)
```
#5071ba
```
#5071ba rgb(80,113,186)
```

Similar Colors

Text with hexadecimal color #508bba

This text has a font color of #508bba.

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

#508bba background color

This paragraph has a background color of #508bba.

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

#508bba border color

This element has a border color of #508bba.

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

CSS codes

.text {color:#508bba;}

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

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

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)
```
#0e1a24
```
#0e1a24 rgb(14,26,36)
```
#142532
```
#142532 rgb(20,37,50)
```
#192f40
```
#192f40 rgb(25,47,64)
```
#1f394e
```
#1f394e rgb(31,57,78)
```
#24445c
```
#24445c rgb(36,68,92)
```
#2a4e6a
```
#2a4e6a rgb(42,78,106)
```
#2f5878
```
#2f5878 rgb(47,88,120)
```
#356287
```
#356287 rgb(53,98,135)
```
#3b6d95
```
#3b6d95 rgb(59,109,149)
```
#4077a3
```
#4077a3 rgb(64,119,163)
```
#4681b1
```
#4681b1 rgb(70,129,177)
```

Shade Color Variation

#508bba
```
#508bba rgb(80,139,186)
```
#5e94c0
```
#5e94c0 rgb(94,148,192)
```
#6c9ec5
```
#6c9ec5 rgb(108,158,197)
```
#7aa7cb
```
#7aa7cb rgb(122,167,203)
```
#88b0d0
```
#88b0d0 rgb(136,176,208)
```
#96bad6
```
#96bad6 rgb(150,186,214)
```
#a4c3db
```
#a4c3db rgb(164,195,219)
```
#b2cce1
```
#b2cce1 rgb(178,204,225)
```
#c1d6e6
```
#c1d6e6 rgb(193,214,230)
```
#cfdfec
```
#cfdfec rgb(207,223,236)
```
#dde8f1
```
#dde8f1 rgb(221,232,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 #0e92fc is the most saturated one.

#7f868b
```
#7f868b rgb(127,134,139)
```
#768794
```
#768794 rgb(118,135,148)
```
#6c889e
```
#6c889e rgb(108,136,158)
```
#6389a7
```
#6389a7 rgb(99,137,167)
```
#598ab1
```
#598ab1 rgb(89,138,177)
```
#508bba
```
#508bba rgb(80,139,186)
```
#478cc3
```
#478cc3 rgb(71,140,195)
```
#3d8dcd
```
#3d8dcd rgb(61,141,205)
```
#348ed6
```
#348ed6 rgb(52,142,214)
```
#2a8fe0
```
#2a8fe0 rgb(42,143,224)
```
#2190e9
```
#2190e9 rgb(33,144,233)
```
#1891f2
```
#1891f2 rgb(24,145,242)
```
#0e92fc
```
#0e92fc rgb(14,146,252)
```

Tone Color Variation

Below, you can see how #508bba 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
#76818b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d8ab8 Protanopia 1% of men
#778ac0 Deuteranopia 1% of men
#4a96a1 Tritanopia 0.001% of the population

Trichromacy

#6d8ab9 Protanomaly 1% of men, 0.01% of women
#698abd Deuteranomaly 6% of men, 0.4% of women
#4c92aa Tritanomaly 0.01% of the population

#508bba hex color

#508bba Color Information

#508bba Color Conversion

Color Schemes with #508bba

Alternatives to #508bba

#508bba Preview

Shades and Tints of #508bba

Tones of #508bba

Color Blindness Simulator