Color conversion
Color conversion for #504ACC
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 80 | 74 | 204 | |
|---|---|---|---|---|
| HSL | 242.77° | 56.03% | 54.51% | |
| HSV | 242.77° | 63.73% | 80% | |
| CMYK | 60.78% | 63.73% | 0% | 20% |
| XYZ | 16.6526 | 10.9614 | 58.3533 | |
| Yxy | 10.9614 | 0.1937 | 0.1275 | |
| Hunter Lab | 33.108 | 31.8419 | -81.2829 | |
| CIE-Lab | 39.5154 | 40.4903 | -66.7383 | |
| CIE-LCH | 39.5154 | 78.0607 | 301.2453 | |
| CIE-LUV | 39.5154 | -5.549 | -98.2842 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010000 | 01001010 | 11001100 |
| Octal | 120 | 112 | 314 |
| Decimal | 80 | 74 | 204 |
| Hex | 50 | 4A | CC |
RGB percentages
CMYK percentages
Shades #504ACC
Tints #504ACC
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#504ACC color on black
#504ACC color sample text
#504ACC color on white
#504ACC color sample text
#504ACC CSS codes
.background { background-color: #504ACC; }
.text { color: #504ACC; }
.border { border: 3px solid #504ACC; }
.shadow { box-shadow: 0 8px 28px rgba(80, 74, 204, 0.35); }
CSS preview
Accessibility
Contrast on white6.58:1AA
Contrast on black3.19:1Large text
Web safe#6633CCNear
Luminance0.10960-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#504ACC color
PortuguêsCor #504ACC
EspañolColor #504ACC
한국어#504ACC 색상
日本語#504ACC の色
中文#504ACC 颜色
DeutschFarbe #504ACC
FrançaisCouleur #504ACC
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #504ACC color.
Related shades
See Blues