Color conversion
Color conversion for #5474A9
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 84 | 116 | 169 | |
|---|---|---|---|---|
| HSL | 217.41° | 33.6% | 49.61% | |
| HSV | 217.41° | 50.3% | 66.27% | |
| CMYK | 50.3% | 31.36% | 0% | 33.73% |
| XYZ | 17.0606 | 17.239 | 39.9569 | |
| Yxy | 17.239 | 0.2298 | 0.2322 | |
| Hunter Lab | 41.5199 | 0.6856 | -27.9718 | |
| CIE-Lab | 48.5598 | 3.7724 | -31.8782 | |
| CIE-LCH | 48.5598 | 32.1006 | 276.7489 | |
| CIE-LUV | 48.5598 | -15.9712 | -48.016 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010100 | 01110100 | 10101001 |
| Octal | 124 | 164 | 251 |
| Decimal | 84 | 116 | 169 |
| Hex | 54 | 74 | A9 |
RGB percentages
CMYK percentages
Shades #5474A9
Tints #5474A9
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#5474A9 color on black
#5474A9 color sample text
#5474A9 color on white
#5474A9 color sample text
#5474A9 CSS codes
.background { background-color: #5474A9; }
.text { color: #5474A9; }
.border { border: 3px solid #5474A9; }
.shadow { box-shadow: 0 8px 28px rgba(84, 116, 169, 0.35); }
CSS preview
Accessibility
Contrast on white4.72:1AA
Contrast on black4.45:1Large text
Web safe#666699Near
Luminance0.17240-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#5474A9 color
PortuguêsCor #5474A9
EspañolColor #5474A9
한국어#5474A9 색상
日本語#5474A9 の色
中文#5474A9 颜色
DeutschFarbe #5474A9
FrançaisCouleur #5474A9
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #5474A9 color.
Related shades
See Blues