Color conversion
Color conversion for #687ABC
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 104 | 122 | 188 | |
|---|---|---|---|---|
| HSL | 227.14° | 38.53% | 57.25% | |
| HSV | 227.14° | 44.68% | 73.73% | |
| CMYK | 44.68% | 35.11% | 0% | 26.27% |
| XYZ | 21.7427 | 20.4918 | 50.3768 | |
| Yxy | 20.4918 | 0.2348 | 0.2213 | |
| Hunter Lab | 45.2679 | 6.5162 | -34.2681 | |
| CIE-Lab | 52.3888 | 11.0145 | -36.7752 | |
| CIE-LCH | 52.3888 | 38.3893 | 286.6734 | |
| CIE-LUV | 52.3888 | -11.4043 | -57.4231 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01101000 | 01111010 | 10111100 |
| Octal | 150 | 172 | 274 |
| Decimal | 104 | 122 | 188 |
| Hex | 68 | 7A | BC |
RGB percentages
CMYK percentages
Shades #687ABC
Tints #687ABC
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#687ABC color on black
#687ABC color sample text
#687ABC color on white
#687ABC color sample text
#687ABC CSS codes
.background { background-color: #687ABC; }
.text { color: #687ABC; }
.border { border: 3px solid #687ABC; }
.shadow { box-shadow: 0 8px 28px rgba(104, 122, 188, 0.35); }CSS preview
Accessibility
Contrast on white4.12:1Large text
Contrast on black5.1:1AA
Web safe#6666CCNear
Luminance0.20490-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#687ABC color
PortuguêsCor #687ABC
EspañolColor #687ABC
한국어#687ABC 색상
日本語#687ABC の色
中文#687ABC 颜色
DeutschFarbe #687ABC
FrançaisCouleur #687ABC
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #687ABC color.
Related shades
See Blues