Color conversion
Color conversion for #686DBA
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 104 | 109 | 186 | |
|---|---|---|---|---|
| HSL | 236.34° | 37.27% | 56.86% | |
| HSV | 236.34° | 44.09% | 72.94% | |
| CMYK | 44.09% | 41.4% | 0% | 27.06% |
| XYZ | 20.0378 | 17.4246 | 48.7523 | |
| Yxy | 17.4246 | 0.2324 | 0.2021 | |
| Hunter Lab | 41.7428 | 12.6348 | -39.999 | |
| CIE-Lab | 48.7906 | 18.3124 | -41.298 | |
| CIE-LCH | 48.7906 | 45.176 | 293.9135 | |
| CIE-LUV | 48.7906 | -6.6113 | -64.47 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01101000 | 01101101 | 10111010 |
| Octal | 150 | 155 | 272 |
| Decimal | 104 | 109 | 186 |
| Hex | 68 | 6D | BA |
RGB percentages
CMYK percentages
Shades #686DBA
Tints #686DBA
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#686DBA color on black
#686DBA color sample text
#686DBA color on white
#686DBA color sample text
#686DBA CSS codes
.background { background-color: #686DBA; }
.text { color: #686DBA; }
.border { border: 3px solid #686DBA; }
.shadow { box-shadow: 0 8px 28px rgba(104, 109, 186, 0.35); }CSS preview
Accessibility
Contrast on white4.68:1AA
Contrast on black4.49:1Large text
Web safe#6666CCNear
Luminance0.17430-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#686DBA color
PortuguêsCor #686DBA
EspañolColor #686DBA
한국어#686DBA 색상
日本語#686DBA の色
中文#686DBA 颜色
DeutschFarbe #686DBA
FrançaisCouleur #686DBA
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #686DBA color.
Related shades
See Blues