Color conversion
Color conversion for #688EEF
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 104 | 142 | 239 | |
|---|---|---|---|---|
| HSL | 223.11° | 80.84% | 67.25% | |
| HSV | 223.11° | 56.49% | 93.73% | |
| CMYK | 56.49% | 40.59% | 0% | 6.27% |
| XYZ | 30.9566 | 28.5186 | 85.5179 | |
| Yxy | 28.5186 | 0.2135 | 0.1967 | |
| Hunter Lab | 53.4028 | 10.0173 | -57.5264 | |
| CIE-Lab | 60.3544 | 14.8993 | -52.8825 | |
| CIE-LCH | 60.3544 | 54.9413 | 285.7348 | |
| CIE-LUV | 60.3544 | -19.4003 | -85.9193 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01101000 | 10001110 | 11101111 |
| Octal | 150 | 216 | 357 |
| Decimal | 104 | 142 | 239 |
| Hex | 68 | 8E | EF |
RGB percentages
CMYK percentages
Shades #688EEF
Tints #688EEF
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#688EEF color on black
#688EEF color sample text
#688EEF color on white
#688EEF color sample text
#688EEF CSS codes
.background { background-color: #688EEF; }
.text { color: #688EEF; }
.border { border: 3px solid #688EEF; }
.shadow { box-shadow: 0 8px 28px rgba(104, 142, 239, 0.35); }CSS preview
Accessibility
Contrast on white3.13:1Large text
Contrast on black6.7:1AA
Web safe#6699FFNear
Luminance0.28520-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#688EEF color
PortuguêsCor #688EEF
EspañolColor #688EEF
한국어#688EEF 색상
日本語#688EEF の色
中文#688EEF 颜色
DeutschFarbe #688EEF
FrançaisCouleur #688EEF
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #688EEF color.
Related shades
See Blues