Color conversion
Color conversion for #506AA1
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 80 | 106 | 161 | |
|---|---|---|---|---|
| HSL | 220.74° | 33.61% | 47.25% | |
| HSV | 220.74° | 50.31% | 63.14% | |
| CMYK | 50.31% | 34.16% | 0% | 36.86% |
| XYZ | 14.8932 | 14.5858 | 35.7418 | |
| Yxy | 14.5858 | 0.2284 | 0.2236 | |
| Hunter Lab | 38.1914 | 2.7729 | -28.7315 | |
| CIE-Lab | 45.0616 | 6.3621 | -32.6864 | |
| CIE-LCH | 45.0616 | 33.2998 | 281.0144 | |
| CIE-LUV | 45.0616 | -13.5268 | -48.778 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010000 | 01101010 | 10100001 |
| Octal | 120 | 152 | 241 |
| Decimal | 80 | 106 | 161 |
| Hex | 50 | 6A | A1 |
RGB percentages
CMYK percentages
Shades #506AA1
Tints #506AA1
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#506AA1 color on black
#506AA1 color sample text
#506AA1 color on white
#506AA1 color sample text
#506AA1 CSS codes
.background { background-color: #506AA1; }
.text { color: #506AA1; }
.border { border: 3px solid #506AA1; }
.shadow { box-shadow: 0 8px 28px rgba(80, 106, 161, 0.35); }
CSS preview
Accessibility
Contrast on white5.36:1AA
Contrast on black3.92:1Large text
Web safe#666699Near
Luminance0.14590-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#506AA1 color
PortuguêsCor #506AA1
EspañolColor #506AA1
한국어#506AA1 색상
日本語#506AA1 の色
中文#506AA1 颜色
DeutschFarbe #506AA1
FrançaisCouleur #506AA1
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #506AA1 color.
Related shades
See Blues