Color conversion
Color conversion for #487BDD
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 72 | 123 | 221 | |
|---|---|---|---|---|
| HSL | 219.46° | 68.66% | 57.45% | |
| HSV | 219.46° | 67.42% | 86.67% | |
| CMYK | 67.42% | 44.34% | 0% | 13.33% |
| XYZ | 22.802 | 20.7618 | 71.1983 | |
| Yxy | 20.7618 | 0.1987 | 0.1809 | |
| Hunter Lab | 45.5651 | 9.5865 | -60.7124 | |
| CIE-Lab | 52.6878 | 14.613 | -55.1661 | |
| CIE-LCH | 52.6878 | 57.0687 | 284.8364 | |
| CIE-LUV | 52.6878 | -21.4718 | -87.1576 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01001000 | 01111011 | 11011101 |
| Octal | 110 | 173 | 335 |
| Decimal | 72 | 123 | 221 |
| Hex | 48 | 7B | DD |
RGB percentages
CMYK percentages
Shades #487BDD
Tints #487BDD
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#487BDD color on black
#487BDD color sample text
#487BDD color on white
#487BDD color sample text
#487BDD CSS codes
.background { background-color: #487BDD; }
.text { color: #487BDD; }
.border { border: 3px solid #487BDD; }
.shadow { box-shadow: 0 8px 28px rgba(72, 123, 221, 0.35); }CSS preview
Accessibility
Contrast on white4.08:1Large text
Contrast on black5.15:1AA
Web safe#3366CCNear
Luminance0.20760-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#487BDD color
PortuguêsCor #487BDD
EspañolColor #487BDD
한국어#487BDD 색상
日本語#487BDD の色
中文#487BDD 颜色
DeutschFarbe #487BDD
FrançaisCouleur #487BDD
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #487BDD color.
Related shades
See Blues