Color conversion
Color conversion for #686EA5
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 104 | 110 | 165 | |
|---|---|---|---|---|
| HSL | 234.1° | 25.31% | 52.75% | |
| HSV | 234.1° | 36.97% | 64.71% | |
| CMYK | 36.97% | 33.33% | 0% | 35.29% |
| XYZ | 18.0744 | 16.8109 | 37.8825 | |
| Yxy | 16.8109 | 0.2484 | 0.231 | |
| Hunter Lab | 41.0011 | 6.9351 | -26.0581 | |
| CIE-Lab | 48.0209 | 11.5748 | -30.2853 | |
| CIE-LCH | 48.0209 | 32.4218 | 290.9165 | |
| CIE-LUV | 48.0209 | -5.936 | -46.3292 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01101000 | 01101110 | 10100101 |
| Octal | 150 | 156 | 245 |
| Decimal | 104 | 110 | 165 |
| Hex | 68 | 6E | A5 |
RGB percentages
CMYK percentages
Shades #686EA5
Tints #686EA5
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#686EA5 color on black
#686EA5 color sample text
#686EA5 color on white
#686EA5 color sample text
#686EA5 CSS codes
.background { background-color: #686EA5; }
.text { color: #686EA5; }
.border { border: 3px solid #686EA5; }
.shadow { box-shadow: 0 8px 28px rgba(104, 110, 165, 0.35); }CSS preview
Accessibility
Contrast on white4.81:1AA
Contrast on black4.36:1Large text
Web safe#666699Near
Luminance0.16810-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#686EA5 color
PortuguêsCor #686EA5
EspañolColor #686EA5
한국어#686EA5 색상
日本語#686EA5 の色
中文#686EA5 颜色
DeutschFarbe #686EA5
FrançaisCouleur #686EA5
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #686EA5 color.
Related shades
See Blues