Color conversion
Color conversion for #487AAE
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 72 | 122 | 174 | |
|---|---|---|---|---|
| HSL | 210.59° | 41.46% | 48.24% | |
| HSV | 210.59° | 58.62% | 68.24% | |
| CMYK | 58.62% | 29.89% | 0% | 31.76% |
| XYZ | 17.2693 | 18.3513 | 42.6683 | |
| Yxy | 18.3513 | 0.2206 | 0.2344 | |
| Hunter Lab | 42.8384 | -3.0097 | -29.0445 | |
| CIE-Lab | 49.9195 | -0.9428 | -32.7022 | |
| CIE-LCH | 49.9195 | 32.7158 | 268.3486 | |
| CIE-LUV | 49.9195 | -21.7937 | -49.0625 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01001000 | 01111010 | 10101110 |
| Octal | 110 | 172 | 256 |
| Decimal | 72 | 122 | 174 |
| Hex | 48 | 7A | AE |
RGB percentages
CMYK percentages
Shades #487AAE
Tints #487AAE
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#487AAE color on black
#487AAE color sample text
#487AAE color on white
#487AAE color sample text
#487AAE CSS codes
.background { background-color: #487AAE; }
.text { color: #487AAE; }
.border { border: 3px solid #487AAE; }
.shadow { box-shadow: 0 8px 28px rgba(72, 122, 174, 0.35); }
CSS preview
Accessibility
Contrast on white4.5:1AA
Contrast on black4.67:1AA
Web safe#336699Near
Luminance0.18350-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#487AAE color
PortuguêsCor #487AAE
EspañolColor #487AAE
한국어#487AAE 색상
日本語#487AAE の色
中文#487AAE 颜色
DeutschFarbe #487AAE
FrançaisCouleur #487AAE
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #487AAE color.
Related shades
See Blues