#508ebe hex color

In a RGB color space, hex #508ebe is composed of 31.4% red, 55.7% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 25.3% magenta, 0% yellow and 25.5% black. It has a hue angle of 206.2 degrees, a saturation of 45.8% and a lightness of 52.9%. #508ebe color hex could be obtained by blending #a0ffff with #001d7d. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 56
- B 75
RGB color chart
- C 58
- M 25
- Y 0
- K 25
CMYK color chart

● #508ebe color description : Moderate blue.

The hexadecimal color #508ebe has RGB values of R:80, G:142, B:190 and CMYK values of C:0.58, M:0.25, Y:0, K:0.25. Its decimal value is 5279422.

Hex triplet	508ebe	`#508ebe`
RGB Decimal	80, 142, 190	`rgb(80,142,190)`
RGB Percent	31.4, 55.7, 74.5	`rgb(31.4%,55.7%,74.5%)`
CMYK	58, 25, 0, 25
HSL	206.2°, 45.8, 52.9	`hsl(206.2,45.8%,52.9%)`
HSV (or HSB)	206.2°, 57.9, 74.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.848, -5.741, -31.049
XYZ	22.273, 24.768, 52.319
xyY	0.224, 0.249, 24.768
CIE-LCH	56.848, 31.576, 259.525
CIE-LUV	56.848, -26.658, -46.999
Hunter-Lab	49.767, -7.205, -27.493
Binary	01010000, 10001110, 10111110

#508ebe
```
#508ebe rgb(80,142,190)
```
#be8050
```
#be8050 rgb(190,128,80)
```

Complementary Color

#50beb7
```
#50beb7 rgb(80,190,183)
```
#508ebe
```
#508ebe rgb(80,142,190)
```
#5057be
```
#5057be rgb(80,87,190)
```

Analogous Color

#beb750
```
#beb750 rgb(190,183,80)
```
#508ebe
```
#508ebe rgb(80,142,190)
```
#be5057
```
#be5057 rgb(190,80,87)
```

Split Complementary Color

#8ebe50
```
#8ebe50 rgb(142,190,80)
```
#508ebe
```
#508ebe rgb(80,142,190)
```
#be508e
```
#be508e rgb(190,80,142)
```

Triadic Color

#50be80
```
#50be80 rgb(80,190,128)
```
#508ebe
```
#508ebe rgb(80,142,190)
```
#be508e
```
#be508e rgb(190,80,142)
```
#be8050
```
#be8050 rgb(190,128,80)
```

Tetradic Color

#34668d
```
#34668d rgb(52,102,141)
```
#3b74a0
```
#3b74a0 rgb(59,116,160)
```
#4281b2
```
#4281b2 rgb(66,129,178)
```
#508ebe
```
#508ebe rgb(80,142,190)
```
#639ac5
```
#639ac5 rgb(99,154,197)
```
#75a6cc
```
#75a6cc rgb(117,166,204)
```
#88b2d3
```
#88b2d3 rgb(136,178,211)
```

Monochromatic Color

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

#50aabe
```
#50aabe rgb(80,170,190)
```
#50a0be
```
#50a0be rgb(80,160,190)
```
#5097be
```
#5097be rgb(80,151,190)
```
#508ebe
```
#508ebe rgb(80,142,190)
```
#5085be
```
#5085be rgb(80,133,190)
```
#507cbe
```
#507cbe rgb(80,124,190)
```
#5073be
```
#5073be rgb(80,115,190)
```

Similar Colors

Text with hexadecimal color #508ebe

This text has a font color of #508ebe.

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

#508ebe background color

This paragraph has a background color of #508ebe.

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

#508ebe border color

This element has a border color of #508ebe.

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

CSS codes

.text {color:#508ebe;}

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

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

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

#04080b
```
#04080b rgb(4,8,11)
```
#091219
```
#091219 rgb(9,18,25)
```
#0f1d28
```
#0f1d28 rgb(15,29,40)
```
#142736
```
#142736 rgb(20,39,54)
```
#193144
```
#193144 rgb(25,49,68)
```
#1f3c52
```
#1f3c52 rgb(31,60,82)
```
#244661
```
#244661 rgb(36,70,97)
```
#29516f
```
#29516f rgb(41,81,111)
```
#2f5b7d
```
#2f5b7d rgb(47,91,125)
```
#34658c
```
#34658c rgb(52,101,140)
```
#39709a
```
#39709a rgb(57,112,154)
```
#3f7aa8
```
#3f7aa8 rgb(63,122,168)
```
#4484b7
```
#4484b7 rgb(68,132,183)
```

Shade Color Variation

#508ebe
```
#508ebe rgb(80,142,190)
```
#5e97c3
```
#5e97c3 rgb(94,151,195)
```
#6da0c9
```
#6da0c9 rgb(109,160,201)
```
#7baace
```
#7baace rgb(123,170,206)
```
#89b3d3
```
#89b3d3 rgb(137,179,211)
```
#98bcd9
```
#98bcd9 rgb(152,188,217)
```
#a6c5de
```
#a6c5de rgb(166,197,222)
```
#b4cfe3
```
#b4cfe3 rgb(180,207,227)
```
#c2d8e9
```
#c2d8e9 rgb(194,216,233)
```
#d1e1ee
```
#d1e1ee rgb(209,225,238)
```
#dfeaf3
```
#dfeaf3 rgb(223,234,243)
```
#edf4f8
```
#edf4f8 rgb(237,244,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#7e8890
```
#7e8890 rgb(126,136,144)
```
#758999
```
#758999 rgb(117,137,153)
```
#6c8aa2
```
#6c8aa2 rgb(108,138,162)
```
#628cac
```
#628cac rgb(98,140,172)
```
#598db5
```
#598db5 rgb(89,141,181)
```
#508ebe
```
#508ebe rgb(80,142,190)
```
#478fc7
```
#478fc7 rgb(71,143,199)
```
#3e90d0
```
#3e90d0 rgb(62,144,208)
```
#3492da
```
#3492da rgb(52,146,218)
```
#2b93e3
```
#2b93e3 rgb(43,147,227)
```
#2294ec
```
#2294ec rgb(34,148,236)
```
#1995f5
```
#1995f5 rgb(25,149,245)
```
#0f96ff
```
#0f96ff rgb(15,150,255)
```

Tone Color Variation

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

Dichromacy

#7f8cbc Protanopia 1% of men
#798dc3 Deuteranopia 1% of men
#4999a4 Tritanopia 0.001% of the population

Trichromacy

#6e8dbd Protanomaly 1% of men, 0.01% of women
#6a8dc1 Deuteranomaly 6% of men, 0.4% of women
#4c95ad Tritanomaly 0.01% of the population

#508ebe hex color

#508ebe Color Information

#508ebe Color Conversion

Color Schemes with #508ebe

Alternatives to #508ebe

#508ebe Preview

Shades and Tints of #508ebe

Tones of #508ebe

Color Blindness Simulator