Color conversion
Color conversion for #503FCC
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 80 | 63 | 204 | |
|---|---|---|---|---|
| HSL | 247.23° | 58.02% | 52.35% | |
| HSV | 247.23° | 69.12% | 80% | |
| CMYK | 60.78% | 69.12% | 0% | 20% |
| XYZ | 15.9814 | 9.619 | 58.1295 | |
| Yxy | 9.619 | 0.1909 | 0.1149 | |
| Hunter Lab | 31.0145 | 37.7027 | -89.3717 | |
| CIE-Lab | 37.1498 | 46.8764 | -70.609 | |
| CIE-LCH | 37.1498 | 84.7527 | 303.5797 | |
| CIE-LUV | 37.1498 | -3.2939 | -101.2493 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010000 | 00111111 | 11001100 |
| Octal | 120 | 77 | 314 |
| Decimal | 80 | 63 | 204 |
| Hex | 50 | 3F | CC |
RGB percentages
CMYK percentages
Shades #503FCC
Tints #503FCC
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#503FCC color on black
#503FCC color sample text
#503FCC color on white
#503FCC color sample text
#503FCC CSS codes
.background { background-color: #503FCC; }
.text { color: #503FCC; }
.border { border: 3px solid #503FCC; }
.shadow { box-shadow: 0 8px 28px rgba(80, 63, 204, 0.35); }
CSS preview
Accessibility
Contrast on white7.18:1AAA
Contrast on black2.92:1Poor
Web safe#6633CCNear
Luminance0.09620-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#503FCC color
PortuguêsCor #503FCC
EspañolColor #503FCC
한국어#503FCC 색상
日本語#503FCC の色
中文#503FCC 颜色
DeutschFarbe #503FCC
FrançaisCouleur #503FCC
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #503FCC color.
Related shades
See Blues