Color conversion
Color conversion for #688AEA
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 104 | 138 | 234 | |
|---|---|---|---|---|
| HSL | 224.31° | 75.58% | 66.27% | |
| HSV | 224.31° | 55.56% | 91.76% | |
| CMYK | 55.56% | 41.03% | 0% | 8.24% |
| XYZ | 29.6437 | 27.0583 | 81.4866 | |
| Yxy | 27.0583 | 0.2145 | 0.1958 | |
| Hunter Lab | 52.0176 | 10.6917 | -56.4303 | |
| CIE-Lab | 59.0283 | 15.6817 | -52.2226 | |
| CIE-LCH | 59.0283 | 54.5263 | 286.7143 | |
| CIE-LUV | 59.0283 | -18.002 | -84.564 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01101000 | 10001010 | 11101010 |
| Octal | 150 | 212 | 352 |
| Decimal | 104 | 138 | 234 |
| Hex | 68 | 8A | EA |
RGB percentages
CMYK percentages
Shades #688AEA
Tints #688AEA
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#688AEA color on black
#688AEA color sample text
#688AEA color on white
#688AEA color sample text
#688AEA CSS codes
.background { background-color: #688AEA; }
.text { color: #688AEA; }
.border { border: 3px solid #688AEA; }
.shadow { box-shadow: 0 8px 28px rgba(104, 138, 234, 0.35); }
CSS preview
Accessibility
Contrast on white3.28:1Large text
Contrast on black6.41:1AA
Web safe#6699FFNear
Luminance0.27060-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#688AEA color
PortuguêsCor #688AEA
EspañolColor #688AEA
한국어#688AEA 색상
日本語#688AEA の色
中文#688AEA 颜色
DeutschFarbe #688AEA
FrançaisCouleur #688AEA
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #688AEA color.
Related shades
See Blues