Color conversion
Color conversion for #687EE2
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 104 | 126 | 226 | |
|---|---|---|---|---|
| HSL | 229.18° | 67.78% | 64.71% | |
| HSV | 229.18° | 53.98% | 88.63% | |
| CMYK | 53.98% | 44.25% | 0% | 11.37% |
| XYZ | 26.8928 | 23.3539 | 75.0274 | |
| Yxy | 23.3539 | 0.2147 | 0.1864 | |
| Hunter Lab | 48.3259 | 14.7622 | -58.1854 | |
| CIE-Lab | 55.435 | 20.3388 | -53.4874 | |
| CIE-LCH | 55.435 | 57.2238 | 290.8195 | |
| CIE-LUV | 55.435 | -13.8613 | -86.0145 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01101000 | 01111110 | 11100010 |
| Octal | 150 | 176 | 342 |
| Decimal | 104 | 126 | 226 |
| Hex | 68 | 7E | E2 |
RGB percentages
CMYK percentages
Shades #687EE2
Tints #687EE2
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#687EE2 color on black
#687EE2 color sample text
#687EE2 color on white
#687EE2 color sample text
#687EE2 CSS codes
.background { background-color: #687EE2; }
.text { color: #687EE2; }
.border { border: 3px solid #687EE2; }
.shadow { box-shadow: 0 8px 28px rgba(104, 126, 226, 0.35); }CSS preview
Accessibility
Contrast on white3.7:1Large text
Contrast on black5.67:1AA
Web safe#6666CCNear
Luminance0.23360-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#687EE2 color
PortuguêsCor #687EE2
EspañolColor #687EE2
한국어#687EE2 색상
日本語#687EE2 の色
中文#687EE2 颜色
DeutschFarbe #687EE2
FrançaisCouleur #687EE2
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #687EE2 color.
Related shades
See Blues