Color conversion
Color conversion for #697AE3
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 105 | 122 | 227 | |
|---|---|---|---|---|
| HSL | 231.64° | 68.54% | 65.1% | |
| HSV | 231.64° | 53.74% | 89.02% | |
| CMYK | 53.74% | 46.26% | 0% | 10.98% |
| XYZ | 26.6459 | 22.4666 | 75.5905 | |
| Yxy | 22.4666 | 0.2137 | 0.1802 | |
| Hunter Lab | 47.3989 | 17.397 | -61.3377 | |
| CIE-Lab | 54.5186 | 23.2812 | -55.5082 | |
| CIE-LCH | 54.5186 | 60.1928 | 292.7541 | |
| CIE-LUV | 54.5186 | -12.2733 | -89.2073 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01101001 | 01111010 | 11100011 |
| Octal | 151 | 172 | 343 |
| Decimal | 105 | 122 | 227 |
| Hex | 69 | 7A | E3 |
RGB percentages
CMYK percentages
Shades #697AE3
Tints #697AE3
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#697AE3 color on black
#697AE3 color sample text
#697AE3 color on white
#697AE3 color sample text
#697AE3 CSS codes
.background { background-color: #697AE3; }
.text { color: #697AE3; }
.border { border: 3px solid #697AE3; }
.shadow { box-shadow: 0 8px 28px rgba(105, 122, 227, 0.35); }CSS preview
Accessibility
Contrast on white3.82:1Large text
Contrast on black5.49:1AA
Web safe#6666CCNear
Luminance0.22470-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#697AE3 color
PortuguêsCor #697AE3
EspañolColor #697AE3
한국어#697AE3 색상
日本語#697AE3 の色
中文#697AE3 颜色
DeutschFarbe #697AE3
FrançaisCouleur #697AE3
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #697AE3 color.
Related shades
See Blues