Color conversion
Color conversion for #5480BB
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 84 | 128 | 187 | |
|---|---|---|---|---|
| HSL | 214.37° | 43.1% | 53.14% | |
| HSV | 214.37° | 55.08% | 73.33% | |
| CMYK | 55.08% | 31.55% | 0% | 26.67% |
| XYZ | 20.3418 | 20.9094 | 49.968 | |
| Yxy | 20.9094 | 0.223 | 0.2292 | |
| Hunter Lab | 45.7268 | -0.6159 | -32.7551 | |
| CIE-Lab | 52.8502 | 2.3117 | -35.5601 | |
| CIE-LCH | 52.8502 | 35.6352 | 273.7195 | |
| CIE-LUV | 52.8502 | -20.3961 | -54.5755 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010100 | 10000000 | 10111011 |
| Octal | 124 | 200 | 273 |
| Decimal | 84 | 128 | 187 |
| Hex | 54 | 80 | BB |
RGB percentages
CMYK percentages
Shades #5480BB
Tints #5480BB
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#5480BB color on black
#5480BB color sample text
#5480BB color on white
#5480BB color sample text
#5480BB CSS codes
.background { background-color: #5480BB; }
.text { color: #5480BB; }
.border { border: 3px solid #5480BB; }
.shadow { box-shadow: 0 8px 28px rgba(84, 128, 187, 0.35); }CSS preview
Accessibility
Contrast on white4.05:1Large text
Contrast on black5.18:1AA
Web safe#6699CCNear
Luminance0.20910-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#5480BB color
PortuguêsCor #5480BB
EspañolColor #5480BB
한국어#5480BB 색상
日本語#5480BB の色
中文#5480BB 颜色
DeutschFarbe #5480BB
FrançaisCouleur #5480BB
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #5480BB color.
Related shades
See Blues