#508bce hex color

In a RGB color space, hex #508bce is composed of 31.4% red, 54.5% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 32.5% magenta, 0% yellow and 19.2% black. It has a hue angle of 211.9 degrees, a saturation of 56.3% and a lightness of 56.1%. #508bce color hex could be obtained by blending #a0ffff with #00179d. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 55
- B 81
RGB color chart
- C 61
- M 33
- Y 0
- K 19
CMYK color chart

● #508bce color description : Moderate blue.

The hexadecimal color #508bce has RGB values of R:80, G:139, B:206 and CMYK values of C:0.61, M:0.33, Y:0, K:0.19. Its decimal value is 5278670.

Hex triplet	508bce	`#508bce`
RGB Decimal	80, 139, 206	`rgb(80,139,206)`
RGB Percent	31.4, 54.5, 80.8	`rgb(31.4%,54.5%,80.8%)`
CMYK	61, 33, 0, 19
HSL	211.9°, 56.3, 56.1	`hsl(211.9,56.3%,56.1%)`
HSV (or HSB)	211.9°, 61.2, 80.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.709, 1.215, -40.317
XYZ	23.679, 24.625, 61.894
xyY	0.215, 0.223, 24.625
CIE-LCH	56.709, 40.335, 271.725
CIE-LUV	56.709, -25.2, -62.949
Hunter-Lab	49.624, -1.668, -39.214
Binary	01010000, 10001011, 11001110

#508bce
```
#508bce rgb(80,139,206)
```
#ce9350
```
#ce9350 rgb(206,147,80)
```

Complementary Color

#50cace
```
#50cace rgb(80,202,206)
```
#508bce
```
#508bce rgb(80,139,206)
```
#5450ce
```
#5450ce rgb(84,80,206)
```

Analogous Color

#cace50
```
#cace50 rgb(202,206,80)
```
#508bce
```
#508bce rgb(80,139,206)
```
#ce5450
```
#ce5450 rgb(206,84,80)
```

Split Complementary Color

#8bce50
```
#8bce50 rgb(139,206,80)
```
#508bce
```
#508bce rgb(80,139,206)
```
#ce508b
```
#ce508b rgb(206,80,139)
```

Triadic Color

#50ce93
```
#50ce93 rgb(80,206,147)
```
#508bce
```
#508bce rgb(80,139,206)
```
#ce508b
```
#ce508b rgb(206,80,139)
```
#ce9350
```
#ce9350 rgb(206,147,80)
```

Tetradic Color

#2e65a4
```
#2e65a4 rgb(46,101,164)
```
#3371b8
```
#3371b8 rgb(51,113,184)
```
#3c7ec8
```
#3c7ec8 rgb(60,126,200)
```
#508bce
```
#508bce rgb(80,139,206)
```
#6498d4
```
#6498d4 rgb(100,152,212)
```
#78a5d9
```
#78a5d9 rgb(120,165,217)
```
#8cb3df
```
#8cb3df rgb(140,179,223)
```

Monochromatic Color

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

#50abce
```
#50abce rgb(80,171,206)
```
#50a0ce
```
#50a0ce rgb(80,160,206)
```
#5096ce
```
#5096ce rgb(80,150,206)
```
#508bce
```
#508bce rgb(80,139,206)
```
#5081ce
```
#5081ce rgb(80,129,206)
```
#5076ce
```
#5076ce rgb(80,118,206)
```
#506cce
```
#506cce rgb(80,108,206)
```

Similar Colors

Text with hexadecimal color #508bce

This text has a font color of #508bce.

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

#508bce background color

This paragraph has a background color of #508bce.

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

#508bce border color

This element has a border color of #508bce.

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

CSS codes

.text {color:#508bce;}

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

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

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

#020509
```
#020509 rgb(2,5,9)
```
#070f18
```
#070f18 rgb(7,15,24)
```
#0b1828
```
#0b1828 rgb(11,24,40)
```
#0f2237
```
#0f2237 rgb(15,34,55)
```
#142b46
```
#142b46 rgb(20,43,70)
```
#183556
```
#183556 rgb(24,53,86)
```
#1c3e65
```
#1c3e65 rgb(28,62,101)
```
#214874
```
#214874 rgb(33,72,116)
```
#255183
```
#255183 rgb(37,81,131)
```
#295b93
```
#295b93 rgb(41,91,147)
```
#2d64a2
```
#2d64a2 rgb(45,100,162)
```
#326eb1
```
#326eb1 rgb(50,110,177)
```
#3677c1
```
#3677c1 rgb(54,119,193)
```

Shade Color Variation

#4181ca
```
#4181ca rgb(65,129,202)
```
#508bce
```
#508bce rgb(80,139,206)
```
#5f95d2
```
#5f95d2 rgb(95,149,210)
```
#6f9fd7
```
#6f9fd7 rgb(111,159,215)
```
#7ea9db
```
#7ea9db rgb(126,169,219)
```
#8db4df
```
#8db4df rgb(141,180,223)
```
#9dbee3
```
#9dbee3 rgb(157,190,227)
```
#acc8e8
```
#acc8e8 rgb(172,200,232)
```
#bbd2ec
```
#bbd2ec rgb(187,210,236)
```
#cbdcf0
```
#cbdcf0 rgb(203,220,240)
```
#dae6f5
```
#dae6f5 rgb(218,230,245)
```
#e9f1f9
```
#e9f1f9 rgb(233,241,249)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8f92 is the less saturated color, while #2588f9 is the most saturated one.

#8c8f92
```
#8c8f92 rgb(140,143,146)
```
#848e9a
```
#848e9a rgb(132,142,154)
```
#7b8ea3
```
#7b8ea3 rgb(123,142,163)
```
#728dac
```
#728dac rgb(114,141,172)
```
#6a8db4
```
#6a8db4 rgb(106,141,180)
```
#618cbd
```
#618cbd rgb(97,140,189)
```
#598cc5
```
#598cc5 rgb(89,140,197)
```
#508bce
```
#508bce rgb(80,139,206)
```
#478ad7
```
#478ad7 rgb(71,138,215)
```
#3f8adf
```
#3f8adf rgb(63,138,223)
```
#3689e8
```
#3689e8 rgb(54,137,232)
```
#2e89f0
```
#2e89f0 rgb(46,137,240)
```
#2588f9
```
#2588f9 rgb(37,136,249)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#778390 Atypical Achromatopsia 0.001% of the population

Dichromacy

#768ccc Protanopia 1% of men
#698dd1 Deuteranopia 1% of men
#3e9aa5 Tritanopia 0.001% of the population

Trichromacy

#688bcd Protanomaly 1% of men, 0.01% of women
#608cd0 Deuteranomaly 6% of men, 0.4% of women
#4494b4 Tritanomaly 0.01% of the population

#508bce hex color

#508bce Color Information

#508bce Color Conversion

Color Schemes with #508bce

Alternatives to #508bce

#508bce Preview

Shades and Tints of #508bce

Tones of #508bce

Color Blindness Simulator