Color conversion
Color conversion for #574ACC
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 87 | 74 | 204 | |
|---|---|---|---|---|
| HSL | 246° | 56.03% | 54.51% | |
| HSV | 246° | 63.73% | 80% | |
| CMYK | 57.35% | 63.73% | 0% | 20% |
| XYZ | 17.2749 | 11.2823 | 58.3824 | |
| Yxy | 11.2823 | 0.1987 | 0.1298 | |
| Hunter Lab | 33.5891 | 33.0209 | -79.5012 | |
| CIE-Lab | 40.0519 | 41.6202 | -65.8403 | |
| CIE-LCH | 40.0519 | 77.8921 | 302.2986 | |
| CIE-LUV | 40.0519 | -3.5279 | -97.6634 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010111 | 01001010 | 11001100 |
| Octal | 127 | 112 | 314 |
| Decimal | 87 | 74 | 204 |
| Hex | 57 | 4A | CC |
RGB percentages
CMYK percentages
Shades #574ACC
Tints #574ACC
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#574ACC color on black
#574ACC color sample text
#574ACC color on white
#574ACC color sample text
#574ACC CSS codes
.background { background-color: #574ACC; }
.text { color: #574ACC; }
.border { border: 3px solid #574ACC; }
.shadow { box-shadow: 0 8px 28px rgba(87, 74, 204, 0.35); }
CSS preview
Accessibility
Contrast on white6.45:1AA
Contrast on black3.26:1Large text
Web safe#6633CCNear
Luminance0.11280-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#574ACC color
PortuguêsCor #574ACC
EspañolColor #574ACC
한국어#574ACC 색상
日本語#574ACC の色
中文#574ACC 颜色
DeutschFarbe #574ACC
FrançaisCouleur #574ACC
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #574ACC color.
Related shades
See Blues