Color conversion
Color conversion for #508EE6
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 80 | 142 | 230 | |
|---|---|---|---|---|
| HSL | 215.2° | 75% | 60.78% | |
| HSV | 215.2° | 65.22% | 90.2% | |
| CMYK | 65.22% | 38.26% | 0% | 9.8% |
| XYZ | 27.2591 | 26.762 | 78.5766 | |
| Yxy | 26.762 | 0.2056 | 0.2018 | |
| Hunter Lab | 51.732 | 3.5251 | -53.8089 | |
| CIE-Lab | 58.7534 | 7.5191 | -50.5088 | |
| CIE-LCH | 58.7534 | 51.0654 | 278.4673 | |
| CIE-LUV | 58.7534 | -25.7642 | -80.8301 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010000 | 10001110 | 11100110 |
| Octal | 120 | 216 | 346 |
| Decimal | 80 | 142 | 230 |
| Hex | 50 | 8E | E6 |
RGB percentages
CMYK percentages
Shades #508EE6
Tints #508EE6
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#508EE6 color on black
#508EE6 color sample text
#508EE6 color on white
#508EE6 color sample text
#508EE6 CSS codes
.background { background-color: #508EE6; }
.text { color: #508EE6; }
.border { border: 3px solid #508EE6; }
.shadow { box-shadow: 0 8px 28px rgba(80, 142, 230, 0.35); }
CSS preview
Accessibility
Contrast on white3.31:1Large text
Contrast on black6.35:1AA
Web safe#6699FFNear
Luminance0.26760-1
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#508EE6 color
PortuguêsCor #508EE6
EspañolColor #508EE6
한국어#508EE6 색상
日本語#508EE6 の色
中文#508EE6 颜色
DeutschFarbe #508EE6
FrançaisCouleur #508EE6
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #508EE6 color.
Similar colors
See Blues
United Nations blue
United Nations blue
Cornflower blue
Cornflower blue
Little boy blue
Little boy blue
Tufts Blue
Tufts Blue
Light cobalt blue
Light cobalt blue
Bleu de France
Bleu de France
Jordy blue
Jordy blue
Blue (Crayola)
Blue (Crayola)
Blueberry
Blueberry
Vista blue
Vista blue
Dark pastel blue
Dark pastel blue
Blue-gray
Blue-gray