Color conversion
Color conversion for #486CCE
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 72 | 108 | 206 | |
|---|---|---|---|---|
| HSL | 223.88° | 57.76% | 54.51% | |
| HSV | 223.88° | 65.05% | 80.78% | |
| CMYK | 65.05% | 47.57% | 0% | 19.22% |
| XYZ | 19.1718 | 16.5573 | 60.5661 | |
| Yxy | 16.5573 | 0.1991 | 0.1719 | |
| Hunter Lab | 40.6907 | 12.8927 | -59.7323 | |
| CIE-Lab | 47.6973 | 18.6747 | -54.6596 | |
| CIE-LCH | 47.6973 | 57.7617 | 288.863 | |
| CIE-LUV | 47.6973 | -16.8233 | -84.7148 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01001000 | 01101100 | 11001110 |
| Octal | 110 | 154 | 316 |
| Decimal | 72 | 108 | 206 |
| Hex | 48 | 6C | CE |
RGB percentages
CMYK percentages
Shades #486CCE
Tints #486CCE
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#486CCE color on black
#486CCE color sample text
#486CCE color on white
#486CCE color sample text
#486CCE CSS codes
.background { background-color: #486CCE; }
.text { color: #486CCE; }
.border { border: 3px solid #486CCE; }
.shadow { box-shadow: 0 8px 28px rgba(72, 108, 206, 0.35); }CSS preview
Accessibility
Contrast on white4.87:1AA
Contrast on black4.31:1Large text
Web safe#3366CCNear
Luminance0.16560-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#486CCE color
PortuguêsCor #486CCE
EspañolColor #486CCE
한국어#486CCE 색상
日本語#486CCE の色
中文#486CCE 颜色
DeutschFarbe #486CCE
FrançaisCouleur #486CCE
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #486CCE color.
Related shades
See Blues