Color conversion
Color conversion for #685EF2
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 104 | 94 | 242 | |
|---|---|---|---|---|
| HSL | 244.05° | 85.06% | 65.88% | |
| HSV | 244.05° | 61.16% | 94.9% | |
| CMYK | 57.02% | 61.16% | 0% | 5.1% |
| XYZ | 25.7336 | 17.3575 | 85.9815 | |
| Yxy | 17.3575 | 0.1994 | 0.1345 | |
| Hunter Lab | 41.6623 | 37.3442 | -93.1494 | |
| CIE-Lab | 48.7074 | 44.5515 | -73.2964 | |
| CIE-LCH | 48.7074 | 85.7741 | 301.2923 | |
| CIE-LUV | 48.7074 | -5.4685 | -114.7308 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01101000 | 01011110 | 11110010 |
| Octal | 150 | 136 | 362 |
| Decimal | 104 | 94 | 242 |
| Hex | 68 | 5E | F2 |
RGB percentages
CMYK percentages
Shades #685EF2
Tints #685EF2
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#685EF2 color on black
#685EF2 color sample text
#685EF2 color on white
#685EF2 color sample text
#685EF2 CSS codes
.background { background-color: #685EF2; }
.text { color: #685EF2; }
.border { border: 3px solid #685EF2; }
.shadow { box-shadow: 0 8px 28px rgba(104, 94, 242, 0.35); }
CSS preview
Accessibility
Contrast on white4.7:1AA
Contrast on black4.47:1Large text
Web safe#6666FFNear
Luminance0.17360-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#685EF2 color
PortuguêsCor #685EF2
EspañolColor #685EF2
한국어#685EF2 색상
日本語#685EF2 の色
中文#685EF2 颜色
DeutschFarbe #685EF2
FrançaisCouleur #685EF2
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #685EF2 color.
Related shades
See Blues