Color conversion
Color conversion for #686A85
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 104 | 106 | 133 | |
|---|---|---|---|---|
| HSL | 235.86° | 12.24% | 46.47% | |
| HSV | 235.86° | 21.8% | 52.16% | |
| CMYK | 21.8% | 20.3% | 0% | 47.84% |
| XYZ | 15.0956 | 14.9443 | 24.275 | |
| Yxy | 14.9443 | 0.2779 | 0.2751 | |
| Hunter Lab | 38.6579 | 2.0511 | -10.1558 | |
| CIE-Lab | 45.5578 | 5.4388 | -15.1385 | |
| CIE-LCH | 45.5578 | 16.0859 | 289.7618 | |
| CIE-LUV | 45.5578 | -2.5818 | -22.1314 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01101000 | 01101010 | 10000101 |
| Octal | 150 | 152 | 205 |
| Decimal | 104 | 106 | 133 |
| Hex | 68 | 6A | 85 |
RGB percentages
CMYK percentages
Shades #686A85
Tints #686A85
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#686A85 color on black
#686A85 color sample text
#686A85 color on white
#686A85 color sample text
#686A85 CSS codes
.background { background-color: #686A85; }
.text { color: #686A85; }
.border { border: 3px solid #686A85; }
.shadow { box-shadow: 0 8px 28px rgba(104, 106, 133, 0.35); }
CSS preview
Accessibility
Contrast on white5.27:1AA
Contrast on black3.99:1Large text
Web safe#666699Near
Luminance0.14940-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#686A85 color
PortuguêsCor #686A85
EspañolColor #686A85
한국어#686A85 색상
日本語#686A85 の色
中文#686A85 颜色
DeutschFarbe #686A85
FrançaisCouleur #686A85
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #686A85 color.
Related shades
See Blues