Color conversion
Color conversion for #502EE3
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 80 | 46 | 227 | |
|---|---|---|---|---|
| HSL | 251.27° | 76.37% | 53.53% | |
| HSV | 251.27° | 79.74% | 89.02% | |
| CMYK | 64.76% | 79.74% | 0% | 10.98% |
| XYZ | 18.146 | 9.204 | 73.4785 | |
| Yxy | 9.204 | 0.18 | 0.0913 | |
| Hunter Lab | 30.3381 | 53.673 | -122.3068 | |
| CIE-Lab | 36.3741 | 62.1555 | -85.1269 | |
| CIE-LCH | 36.3741 | 105.4035 | 306.1351 | |
| CIE-LUV | 36.3741 | -2.4239 | -117.4608 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010000 | 00101110 | 11100011 |
| Octal | 120 | 56 | 343 |
| Decimal | 80 | 46 | 227 |
| Hex | 50 | 2E | E3 |
RGB percentages
CMYK percentages
Shades #502EE3
Tints #502EE3
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#502EE3 color on black
#502EE3 color sample text
#502EE3 color on white
#502EE3 color sample text
#502EE3 CSS codes
.background { background-color: #502EE3; }
.text { color: #502EE3; }
.border { border: 3px solid #502EE3; }
.shadow { box-shadow: 0 8px 28px rgba(80, 46, 227, 0.35); }CSS preview
Accessibility
Contrast on white7.39:1AAA
Contrast on black2.84:1Poor
Web safe#6633CCNear
Luminance0.09210-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#502EE3 color
PortuguêsCor #502EE3
EspañolColor #502EE3
한국어#502EE3 색상
日本語#502EE3 の色
中文#502EE3 颜色
DeutschFarbe #502EE3
FrançaisCouleur #502EE3
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #502EE3 color.
Related shades
See Blues