Color conversion
Color conversion for #563AE4
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 86 | 58 | 228 | |
|---|---|---|---|---|
| HSL | 249.88° | 75.89% | 56.08% | |
| HSV | 249.88° | 74.56% | 89.41% | |
| CMYK | 62.28% | 74.56% | 0% | 10.59% |
| XYZ | 19.35 | 10.6045 | 74.4109 | |
| Yxy | 10.6045 | 0.1854 | 0.1016 | |
| Hunter Lab | 32.5646 | 49.0767 | -112.6311 | |
| CIE-Lab | 38.9062 | 57.4732 | -81.5002 | |
| CIE-LCH | 38.9062 | 99.7269 | 305.1911 | |
| CIE-LUV | 38.9062 | -2.5971 | -116.6914 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010110 | 00111010 | 11100100 |
| Octal | 126 | 72 | 344 |
| Decimal | 86 | 58 | 228 |
| Hex | 56 | 3A | E4 |
RGB percentages
CMYK percentages
Shades #563AE4
Tints #563AE4
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#563AE4 color on black
#563AE4 color sample text
#563AE4 color on white
#563AE4 color sample text
#563AE4 CSS codes
.background { background-color: #563AE4; }
.text { color: #563AE4; }
.border { border: 3px solid #563AE4; }
.shadow { box-shadow: 0 8px 28px rgba(86, 58, 228, 0.35); }CSS preview
Accessibility
Contrast on white6.73:1AA
Contrast on black3.12:1Large text
Web safe#6633CCNear
Luminance0.10610-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#563AE4 color
PortuguêsCor #563AE4
EspañolColor #563AE4
한국어#563AE4 색상
日本語#563AE4 の色
中文#563AE4 颜色
DeutschFarbe #563AE4
FrançaisCouleur #563AE4
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #563AE4 color.
Related shades
See Blues