#506ebe hex color

In a RGB color space, hex #506ebe is composed of 31.4% red, 43.1% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 42.1% magenta, 0% yellow and 25.5% black. It has a hue angle of 223.6 degrees, a saturation of 45.8% and a lightness of 52.9%. #506ebe color hex could be obtained by blending #a0dcff with #00007d. Closest websafe color is: #6666cc.

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

● #506ebe color description : Moderate blue.

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

Hex triplet	506ebe	`#506ebe`
RGB Decimal	80, 110, 190	`rgb(80,110,190)`
RGB Percent	31.4, 43.1, 74.5	`rgb(31.4%,43.1%,74.5%)`
CMYK	58, 42, 0, 25
HSL	223.6°, 45.8, 52.9	`hsl(223.6,45.8%,52.9%)`
HSV (or HSB)	223.6°, 57.9, 74.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.719, 13.417, -45.415
XYZ	18.176, 16.574, 50.954
xyY	0.212, 0.193, 16.574
CIE-LCH	47.719, 47.355, 286.459
CIE-LUV	47.719, -15.252, -70.025
Hunter-Lab	40.711, 8.451, -45.709
Binary	01010000, 01101110, 10111110

#506ebe
```
#506ebe rgb(80,110,190)
```
#bea050
```
#bea050 rgb(190,160,80)
```

Complementary Color

#50a5be
```
#50a5be rgb(80,165,190)
```
#506ebe
```
#506ebe rgb(80,110,190)
```
#6950be
```
#6950be rgb(105,80,190)
```

Analogous Color

#a5be50
```
#a5be50 rgb(165,190,80)
```
#506ebe
```
#506ebe rgb(80,110,190)
```
#be6950
```
#be6950 rgb(190,105,80)
```

Split Complementary Color

#6ebe50
```
#6ebe50 rgb(110,190,80)
```
#506ebe
```
#506ebe rgb(80,110,190)
```
#be506e
```
#be506e rgb(190,80,110)
```

Triadic Color

#50bea0
```
#50bea0 rgb(80,190,160)
```
#506ebe
```
#506ebe rgb(80,110,190)
```
#be506e
```
#be506e rgb(190,80,110)
```
#bea050
```
#bea050 rgb(190,160,80)
```

Tetradic Color

#344d8d
```
#344d8d rgb(52,77,141)
```
#3b57a0
```
#3b57a0 rgb(59,87,160)
```
#4261b2
```
#4261b2 rgb(66,97,178)
```
#506ebe
```
#506ebe rgb(80,110,190)
```
#637dc5
```
#637dc5 rgb(99,125,197)
```
#758dcc
```
#758dcc rgb(117,141,204)
```
#889cd3
```
#889cd3 rgb(136,156,211)
```

Monochromatic Color

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

#508abe
```
#508abe rgb(80,138,190)
```
#5080be
```
#5080be rgb(80,128,190)
```
#5077be
```
#5077be rgb(80,119,190)
```
#506ebe
```
#506ebe rgb(80,110,190)
```
#5065be
```
#5065be rgb(80,101,190)
```
#505cbe
```
#505cbe rgb(80,92,190)
```
#5053be
```
#5053be rgb(80,83,190)
```

Similar Colors

Text with hexadecimal color #506ebe

This text has a font color of #506ebe.

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

#506ebe background color

This paragraph has a background color of #506ebe.

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

#506ebe border color

This element has a border color of #506ebe.

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

CSS codes

.text {color:#506ebe;}

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

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

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

#04060b
```
#04060b rgb(4,6,11)
```
#090e19
```
#090e19 rgb(9,14,25)
```
#0f1528
```
#0f1528 rgb(15,21,40)
```
#141d36
```
#141d36 rgb(20,29,54)
```
#192544
```
#192544 rgb(25,37,68)
```
#1f2d52
```
#1f2d52 rgb(31,45,82)
```
#243561
```
#243561 rgb(36,53,97)
```
#293c6f
```
#293c6f rgb(41,60,111)
```
#2f447d
```
#2f447d rgb(47,68,125)
```
#344c8c
```
#344c8c rgb(52,76,140)
```
#39549a
```
#39549a rgb(57,84,154)
```
#3f5ba8
```
#3f5ba8 rgb(63,91,168)
```
#4463b7
```
#4463b7 rgb(68,99,183)
```

Shade Color Variation

#506ebe
```
#506ebe rgb(80,110,190)
```
#5e7ac3
```
#5e7ac3 rgb(94,122,195)
```
#6d86c9
```
#6d86c9 rgb(109,134,201)
```
#7b92ce
```
#7b92ce rgb(123,146,206)
```
#899dd3
```
#899dd3 rgb(137,157,211)
```
#98a9d9
```
#98a9d9 rgb(152,169,217)
```
#a6b5de
```
#a6b5de rgb(166,181,222)
```
#b4c1e3
```
#b4c1e3 rgb(180,193,227)
```
#c2cde9
```
#c2cde9 rgb(194,205,233)
```
#d1d9ee
```
#d1d9ee rgb(209,217,238)
```
#dfe5f3
```
#dfe5f3 rgb(223,229,243)
```
#edf0f8
```
#edf0f8 rgb(237,240,248)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#7e8390
```
#7e8390 rgb(126,131,144)
```
#757f99
```
#757f99 rgb(117,127,153)
```
#6c7ba2
```
#6c7ba2 rgb(108,123,162)
```
#6276ac
```
#6276ac rgb(98,118,172)
```
#5972b5
```
#5972b5 rgb(89,114,181)
```
#506ebe
```
#506ebe rgb(80,110,190)
```
#476ac7
```
#476ac7 rgb(71,106,199)
```
#3e66d0
```
#3e66d0 rgb(62,102,208)
```
#3461da
```
#3461da rgb(52,97,218)
```
#2b5de3
```
#2b5de3 rgb(43,93,227)
```
#2259ec
```
#2259ec rgb(34,89,236)
```
#1955f5
```
#1955f5 rgb(25,85,245)
```
#0f51ff
```
#0f51ff rgb(15,81,255)
```

Tone Color Variation

Below, you can see how #506ebe 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

#6e6e6e Achromatopsia 0.005% of the population
#686e7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5576c1 Protanopia 1% of men
#4379bf Deuteranopia 1% of men
#3c828b Tritanopia 0.001% of the population

Trichromacy

#5373c0 Protanomaly 1% of men, 0.01% of women
#4775bf Deuteranomaly 6% of men, 0.4% of women
#437a9d Tritanomaly 0.01% of the population

#506ebe hex color

#506ebe Color Information

#506ebe Color Conversion

Color Schemes with #506ebe

Alternatives to #506ebe

#506ebe Preview

Shades and Tints of #506ebe

Tones of #506ebe

Color Blindness Simulator