Color conversion
Color conversion for #657AA3
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 101 | 122 | 163 | |
|---|---|---|---|---|
| HSL | 219.68° | 25.2% | 51.76% | |
| HSV | 219.68° | 38.04% | 63.92% | |
| CMYK | 38.04% | 25.15% | 0% | 36.08% |
| XYZ | 18.9352 | 19.3292 | 37.3764 | |
| Yxy | 19.3292 | 0.2503 | 0.2555 | |
| Hunter Lab | 43.965 | -0.0615 | -19.6096 | |
| CIE-Lab | 51.0702 | 2.9254 | -24.3987 | |
| CIE-LCH | 51.0702 | 24.5735 | 276.8371 | |
| CIE-LUV | 51.0702 | -11.9066 | -36.5984 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01100101 | 01111010 | 10100011 |
| Octal | 145 | 172 | 243 |
| Decimal | 101 | 122 | 163 |
| Hex | 65 | 7A | A3 |
RGB percentages
CMYK percentages
Shades #657AA3
Tints #657AA3
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#657AA3 color on black
#657AA3 color sample text
#657AA3 color on white
#657AA3 color sample text
#657AA3 CSS codes
.background { background-color: #657AA3; }
.text { color: #657AA3; }
.border { border: 3px solid #657AA3; }
.shadow { box-shadow: 0 8px 28px rgba(101, 122, 163, 0.35); }CSS preview
Accessibility
Contrast on white4.32:1Large text
Contrast on black4.87:1AA
Web safe#666699Near
Luminance0.19330-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#657AA3 color
PortuguêsCor #657AA3
EspañolColor #657AA3
한국어#657AA3 색상
日本語#657AA3 の色
中文#657AA3 颜色
DeutschFarbe #657AA3
FrançaisCouleur #657AA3
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #657AA3 color.
Related shades
See Blues