#508fac hex color

In a RGB color space, hex #508fac is composed of 31.4% red, 56.1% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 53.5% cyan, 16.9% magenta, 0% yellow and 32.5% black. It has a hue angle of 198.9 degrees, a saturation of 36.5% and a lightness of 49.4%. #508fac color hex could be obtained by blending #a0ffff with #001f59. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 31
- G 56
- B 67
RGB color chart
- C 53
- M 17
- Y 0
- K 33
CMYK color chart

● #508fac color description : Dark moderate blue.

The hexadecimal color #508fac has RGB values of R:80, G:143, B:172 and CMYK values of C:0.53, M:0.17, Y:0, K:0.33. Its decimal value is 5279660.

Hex triplet	508fac	`#508fac`
RGB Decimal	80, 143, 172	`rgb(80,143,172)`
RGB Percent	31.4, 56.1, 67.5	`rgb(31.4%,56.1%,67.5%)`
CMYK	53, 17, 0, 33
HSL	198.9°, 36.5, 49.4	`hsl(198.9,36.5%,49.4%)`
HSV (or HSB)	198.9°, 53.5, 67.5
Web Safe	669999	`#669999`

CIE-LAB	56.414, -11.911, -21.47
XYZ	20.575, 24.328, 42.639
xyY	0.235, 0.278, 24.328
CIE-LCH	56.414, 24.553, 240.979
CIE-LUV	56.414, -27.529, -30.709
Hunter-Lab	49.323, -11.854, -16.729
Binary	01010000, 10001111, 10101100

#508fac
```
#508fac rgb(80,143,172)
```
#ac6d50
```
#ac6d50 rgb(172,109,80)
```

Complementary Color

#50ac9b
```
#50ac9b rgb(80,172,155)
```
#508fac
```
#508fac rgb(80,143,172)
```
#5061ac
```
#5061ac rgb(80,97,172)
```

Analogous Color

#ac9b50
```
#ac9b50 rgb(172,155,80)
```
#508fac
```
#508fac rgb(80,143,172)
```
#ac5061
```
#ac5061 rgb(172,80,97)
```

Split Complementary Color

#8fac50
```
#8fac50 rgb(143,172,80)
```
#508fac
```
#508fac rgb(80,143,172)
```
#ac508f
```
#ac508f rgb(172,80,143)
```

Triadic Color

#50ac6d
```
#50ac6d rgb(80,172,109)
```
#508fac
```
#508fac rgb(80,143,172)
```
#ac508f
```
#ac508f rgb(172,80,143)
```
#ac6d50
```
#ac6d50 rgb(172,109,80)
```

Tetradic Color

#386478
```
#386478 rgb(56,100,120)
```
#407289
```
#407289 rgb(64,114,137)
```
#48819b
```
#48819b rgb(72,129,155)
```
#508fac
```
#508fac rgb(80,143,172)
```
#609ab5
```
#609ab5 rgb(96,154,181)
```
#72a5bd
```
#72a5bd rgb(114,165,189)
```
#83b0c5
```
#83b0c5 rgb(131,176,197)
```

Monochromatic Color

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

#50a6ac
```
#50a6ac rgb(80,166,172)
```
#509eac
```
#509eac rgb(80,158,172)
```
#5097ac
```
#5097ac rgb(80,151,172)
```
#508fac
```
#508fac rgb(80,143,172)
```
#5087ac
```
#5087ac rgb(80,135,172)
```
#5080ac
```
#5080ac rgb(80,128,172)
```
#5078ac
```
#5078ac rgb(80,120,172)
```

Similar Colors

Text with hexadecimal color #508fac

This text has a font color of #508fac.

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

#508fac background color

This paragraph has a background color of #508fac.

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

#508fac border color

This element has a border color of #508fac.

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

CSS codes

.text {color:#508fac;}

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

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

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, #05090b is the darkest color, while #fdfefe is the lightest one.

#05090b
```
#05090b rgb(5,9,11)
```
#0c1519
```
#0c1519 rgb(12,21,25)
```
#122026
```
#122026 rgb(18,32,38)
```
#182b34
```
#182b34 rgb(24,43,52)
```
#1e3641
```
#1e3641 rgb(30,54,65)
```
#24414e
```
#24414e rgb(36,65,78)
```
#2b4c5c
```
#2b4c5c rgb(43,76,92)
```
#315769
```
#315769 rgb(49,87,105)
```
#376276
```
#376276 rgb(55,98,118)
```
#3d6e84
```
#3d6e84 rgb(61,110,132)
```
#447991
```
#447991 rgb(68,121,145)
```
#4a849f
```
#4a849f rgb(74,132,159)
```
#508fac
```
#508fac rgb(80,143,172)
```

Shade Color Variation

#5c98b3
```
#5c98b3 rgb(92,152,179)
```
#6aa0ba
```
#6aa0ba rgb(106,160,186)
```
#77a9c0
```
#77a9c0 rgb(119,169,192)
```
#84b1c6
```
#84b1c6 rgb(132,177,198)
```
#92bacc
```
#92bacc rgb(146,186,204)
```
#9fc2d2
```
#9fc2d2 rgb(159,194,210)
```
#adcbd9
```
#adcbd9 rgb(173,203,217)
```
#bad3df
```
#bad3df rgb(186,211,223)
```
#c7dce5
```
#c7dce5 rgb(199,220,229)
```
#d5e4eb
```
#d5e4eb rgb(213,228,235)
```
#e2edf2
```
#e2edf2 rgb(226,237,242)
```
#f0f5f8
```
#f0f5f8 rgb(240,245,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #778185 is the less saturated color, while #02acfa is the most saturated one.

#778185
```
#778185 rgb(119,129,133)
```
#6d848f
```
#6d848f rgb(109,132,143)
```
#638899
```
#638899 rgb(99,136,153)
```
#5a8ba2
```
#5a8ba2 rgb(90,139,162)
```
#508fac
```
#508fac rgb(80,143,172)
```
#4693b6
```
#4693b6 rgb(70,147,182)
```
#3d96bf
```
#3d96bf rgb(61,150,191)
```
#339ac9
```
#339ac9 rgb(51,154,201)
```
#299dd3
```
#299dd3 rgb(41,157,211)
```
#20a1dc
```
#20a1dc rgb(32,161,220)
```
#16a4e6
```
#16a4e6 rgb(22,164,230)
```
#0ca8f0
```
#0ca8f0 rgb(12,168,240)
```
#02acfa
```
#02acfa rgb(2,172,250)
```

Tone Color Variation

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

Dichromacy

#858caa Protanopia 1% of men
#848bb3 Deuteranopia 1% of men
#5297a2 Tritanopia 0.001% of the population

Trichromacy

#728dab Protanomaly 1% of men, 0.01% of women
#718cb1 Deuteranomaly 6% of men, 0.4% of women
#5194a5 Tritanomaly 0.01% of the population

#508fac hex color

#508fac Color Information

#508fac Color Conversion

Color Schemes with #508fac

Alternatives to #508fac

#508fac Preview

Shades and Tints of #508fac

Tones of #508fac

Color Blindness Simulator