#508aba hex color

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

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

● #508aba color description : Moderate blue.

The hexadecimal color #508aba has RGB values of R:80, G:138, B:186 and CMYK values of C:0.57, M:0.26, Y:0, K:0.27. Its decimal value is 5278394.

Hex triplet	508aba	`#508aba`
RGB Decimal	80, 138, 186	`rgb(80,138,186)`
RGB Percent	31.4, 54.1, 72.9	`rgb(31.4%,54.1%,72.9%)`
CMYK	57, 26, 0, 27
HSL	207.2°, 43.4, 52.2	`hsl(207.2,43.4%,52.2%)`
HSV (or HSB)	207.2°, 57, 72.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.509, -4.725, -30.858
XYZ	21.258, 23.426, 49.853
xyY	0.225, 0.248, 23.426
CIE-LCH	55.509, 31.218, 261.294
CIE-LUV	55.509, -25.266, -46.615
Hunter-Lab	48.401, -6.304, -27.189
Binary	01010000, 10001010, 10111010

#508aba
```
#508aba rgb(80,138,186)
```
#ba8050
```
#ba8050 rgb(186,128,80)
```

Complementary Color

#50bab5
```
#50bab5 rgb(80,186,181)
```
#508aba
```
#508aba rgb(80,138,186)
```
#5055ba
```
#5055ba rgb(80,85,186)
```

Analogous Color

#bab550
```
#bab550 rgb(186,181,80)
```
#508aba
```
#508aba rgb(80,138,186)
```
#ba5055
```
#ba5055 rgb(186,80,85)
```

Split Complementary Color

#8aba50
```
#8aba50 rgb(138,186,80)
```
#508aba
```
#508aba rgb(80,138,186)
```
#ba508a
```
#ba508a rgb(186,80,138)
```

Triadic Color

#50ba80
```
#50ba80 rgb(80,186,128)
```
#508aba
```
#508aba rgb(80,138,186)
```
#ba508a
```
#ba508a rgb(186,80,138)
```
#ba8050
```
#ba8050 rgb(186,128,80)
```

Tetradic Color

#366388
```
#366388 rgb(54,99,136)
```
#3d709a
```
#3d709a rgb(61,112,154)
```
#447dac
```
#447dac rgb(68,125,172)
```
#508aba
```
#508aba rgb(80,138,186)
```
#6296c1
```
#6296c1 rgb(98,150,193)
```
#75a2c8
```
#75a2c8 rgb(117,162,200)
```
#87afd0
```
#87afd0 rgb(135,175,208)
```

Monochromatic Color

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

#50a5ba
```
#50a5ba rgb(80,165,186)
```
#509cba
```
#509cba rgb(80,156,186)
```
#5093ba
```
#5093ba rgb(80,147,186)
```
#508aba
```
#508aba rgb(80,138,186)
```
#5081ba
```
#5081ba rgb(80,129,186)
```
#5078ba
```
#5078ba rgb(80,120,186)
```
#5070ba
```
#5070ba rgb(80,112,186)
```

Similar Colors

Text with hexadecimal color #508aba

This text has a font color of #508aba.

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

#508aba background color

This paragraph has a background color of #508aba.

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

#508aba border color

This element has a border color of #508aba.

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

CSS codes

.text {color:#508aba;}

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

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

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)
```
#142432
```
#142432 rgb(20,36,50)
```
#192f40
```
#192f40 rgb(25,47,64)
```
#1f394e
```
#1f394e rgb(31,57,78)
```
#24435c
```
#24435c rgb(36,67,92)
```
#2a4d6a
```
#2a4d6a rgb(42,77,106)
```
#2f5778
```
#2f5778 rgb(47,87,120)
```
#356287
```
#356287 rgb(53,98,135)
```
#3b6c95
```
#3b6c95 rgb(59,108,149)
```
#4076a3
```
#4076a3 rgb(64,118,163)
```
#4680b1
```
#4680b1 rgb(70,128,177)
```

Shade Color Variation

#508aba
```
#508aba rgb(80,138,186)
```
#5e93c0
```
#5e93c0 rgb(94,147,192)
```
#6c9dc5
```
#6c9dc5 rgb(108,157,197)
```
#7aa6cb
```
#7aa6cb rgb(122,166,203)
```
#88b0d0
```
#88b0d0 rgb(136,176,208)
```
#96b9d6
```
#96b9d6 rgb(150,185,214)
```
#a4c2db
```
#a4c2db rgb(164,194,219)
```
#b2cce1
```
#b2cce1 rgb(178,204,225)
```
#c1d5e6
```
#c1d5e6 rgb(193,213,230)
```
#cfdfec
```
#cfdfec rgb(207,223,236)
```
#dde8f1
```
#dde8f1 rgb(221,232,241)
```
#ebf1f7
```
#ebf1f7 rgb(235,241,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 #0e90fc is the most saturated one.

#7f868b
```
#7f868b rgb(127,134,139)
```
#768694
```
#768694 rgb(118,134,148)
```
#6c879e
```
#6c879e rgb(108,135,158)
```
#6388a7
```
#6388a7 rgb(99,136,167)
```
#5989b1
```
#5989b1 rgb(89,137,177)
```
#508aba
```
#508aba rgb(80,138,186)
```
#478bc3
```
#478bc3 rgb(71,139,195)
```
#3d8ccd
```
#3d8ccd rgb(61,140,205)
```
#348dd6
```
#348dd6 rgb(52,141,214)
```
#2a8ee0
```
#2a8ee0 rgb(42,142,224)
```
#218ee9
```
#218ee9 rgb(33,142,233)
```
#188ff2
```
#188ff2 rgb(24,143,242)
```
#0e90fc
```
#0e90fc rgb(14,144,252)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#75808a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c89b9 Protanopia 1% of men
#768abf Deuteranopia 1% of men
#4a95a0 Tritanopia 0.001% of the population

Trichromacy

#6c89b9 Protanomaly 1% of men, 0.01% of women
#688abd Deuteranomaly 6% of men, 0.4% of women
#4c91a9 Tritanomaly 0.01% of the population

#508aba hex color

#508aba Color Information

#508aba Color Conversion

Color Schemes with #508aba

Alternatives to #508aba

#508aba Preview

Shades and Tints of #508aba

Tones of #508aba

Color Blindness Simulator