Color conversion
Color conversion for #648AED
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 100 | 138 | 237 | |
|---|---|---|---|---|
| HSL | 223.36° | 79.19% | 66.08% | |
| HSV | 223.36° | 57.81% | 92.94% | |
| CMYK | 57.81% | 41.77% | 0% | 7.06% |
| XYZ | 29.6249 | 26.9983 | 83.7544 | |
| Yxy | 26.9983 | 0.211 | 0.1923 | |
| Hunter Lab | 51.9599 | 10.8411 | -59.1605 | |
| CIE-Lab | 58.9728 | 15.8492 | -53.9874 | |
| CIE-LCH | 58.9728 | 56.2658 | 286.3608 | |
| CIE-LUV | 58.9728 | -19.2162 | -87.4438 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01100100 | 10001010 | 11101101 |
| Octal | 144 | 212 | 355 |
| Decimal | 100 | 138 | 237 |
| Hex | 64 | 8A | ED |
RGB percentages
CMYK percentages
Shades #648AED
Tints #648AED
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#648AED color on black
#648AED color sample text
#648AED color on white
#648AED color sample text
#648AED CSS codes
.background { background-color: #648AED; }
.text { color: #648AED; }
.border { border: 3px solid #648AED; }
.shadow { box-shadow: 0 8px 28px rgba(100, 138, 237, 0.35); }CSS preview
Accessibility
Contrast on white3.28:1Large text
Contrast on black6.4:1AA
Web safe#6699FFNear
Luminance0.270-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#648AED color
PortuguêsCor #648AED
EspañolColor #648AED
한국어#648AED 색상
日本語#648AED の色
中文#648AED 颜色
DeutschFarbe #648AED
FrançaisCouleur #648AED
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #648AED color.
Related shades
See Blues