Color conversion
Color conversion for #686FBC
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 104 | 111 | 188 | |
|---|---|---|---|---|
| HSL | 235° | 38.53% | 57.25% | |
| HSV | 235° | 44.68% | 73.73% | |
| CMYK | 44.68% | 40.96% | 0% | 26.27% |
| XYZ | 20.4677 | 17.9418 | 49.9518 | |
| Yxy | 17.9418 | 0.2316 | 0.2031 | |
| Hunter Lab | 42.3578 | 12.1262 | -40.2419 | |
| CIE-Lab | 49.4254 | 17.6893 | -41.4482 | |
| CIE-LCH | 49.4254 | 45.0651 | 293.1119 | |
| CIE-LUV | 49.4254 | -7.4129 | -64.8222 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01101000 | 01101111 | 10111100 |
| Octal | 150 | 157 | 274 |
| Decimal | 104 | 111 | 188 |
| Hex | 68 | 6F | BC |
RGB percentages
CMYK percentages
Shades #686FBC
Tints #686FBC
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#686FBC color on black
#686FBC color sample text
#686FBC color on white
#686FBC color sample text
#686FBC CSS codes
.background { background-color: #686FBC; }
.text { color: #686FBC; }
.border { border: 3px solid #686FBC; }
.shadow { box-shadow: 0 8px 28px rgba(104, 111, 188, 0.35); }CSS preview
Accessibility
Contrast on white4.58:1AA
Contrast on black4.59:1AA
Web safe#6666CCNear
Luminance0.17940-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#686FBC color
PortuguêsCor #686FBC
EspañolColor #686FBC
한국어#686FBC 색상
日本語#686FBC の色
中文#686FBC 颜色
DeutschFarbe #686FBC
FrançaisCouleur #686FBC
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #686FBC color.
Related shades
See Blues