Color conversion
Color conversion for #646F86
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 100 | 111 | 134 | |
|---|---|---|---|---|
| HSL | 220.59° | 14.53% | 45.88% | |
| HSV | 220.59° | 25.37% | 52.55% | |
| CMYK | 25.37% | 17.16% | 0% | 47.45% |
| XYZ | 15.2419 | 15.799 | 24.7961 | |
| Yxy | 15.799 | 0.273 | 0.2829 | |
| Hunter Lab | 39.748 | -1.1112 | -9.149 | |
| CIE-Lab | 46.7097 | 1.3459 | -14.0142 | |
| CIE-LCH | 46.7097 | 14.0787 | 275.4858 | |
| CIE-LUV | 46.7097 | -6.7857 | -20.0319 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01100100 | 01101111 | 10000110 |
| Octal | 144 | 157 | 206 |
| Decimal | 100 | 111 | 134 |
| Hex | 64 | 6F | 86 |
RGB percentages
CMYK percentages
Shades #646F86
Tints #646F86
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#646F86 color on black
#646F86 color sample text
#646F86 color on white
#646F86 color sample text
#646F86 CSS codes
.background { background-color: #646F86; }
.text { color: #646F86; }
.border { border: 3px solid #646F86; }
.shadow { box-shadow: 0 8px 28px rgba(100, 111, 134, 0.35); }
CSS preview
Accessibility
Contrast on white5.05:1AA
Contrast on black4.16:1Large text
Web safe#666699Near
Luminance0.1580-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#646F86 color
PortuguêsCor #646F86
EspañolColor #646F86
한국어#646F86 색상
日本語#646F86 の色
中文#646F86 颜色
DeutschFarbe #646F86
FrançaisCouleur #646F86
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #646F86 color.
Related shades
See Blues