Color conversion
Color conversion for #163EA5
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 22 | 62 | 165 | |
|---|---|---|---|---|
| HSL | 223.22° | 76.47% | 36.67% | |
| HSV | 223.22° | 86.67% | 64.71% | |
| CMYK | 86.67% | 62.42% | 0% | 35.29% |
| XYZ | 8.8426 | 6.3313 | 36.346 | |
| Yxy | 6.3313 | 0.1716 | 0.1229 | |
| Hunter Lab | 25.1621 | 18.6954 | -67.996 | |
| CIE-Lab | 30.2334 | 27.2785 | -59.0253 | |
| CIE-LCH | 30.2334 | 65.0239 | 294.804 | |
| CIE-LUV | 30.2334 | -12.4453 | -78.8537 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00010110 | 00111110 | 10100101 |
| Octal | 26 | 76 | 245 |
| Decimal | 22 | 62 | 165 |
| Hex | 16 | 3E | A5 |
RGB percentages
CMYK percentages
Shades #163EA5
Tints #163EA5
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#163EA5 color on black
#163EA5 color sample text
#163EA5 color on white
#163EA5 color sample text
#163EA5 CSS codes
.background { background-color: #163EA5; }
.text { color: #163EA5; }
.border { border: 3px solid #163EA5; }
.shadow { box-shadow: 0 8px 28px rgba(22, 62, 165, 0.35); }CSS preview
Accessibility
Contrast on white9.27:1AAA
Contrast on black2.27:1Poor
Web safe#003399Near
Luminance0.06330-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#163EA5 color
PortuguêsCor #163EA5
EspañolColor #163EA5
한국어#163EA5 색상
日本語#163EA5 の色
中文#163EA5 颜色
DeutschFarbe #163EA5
FrançaisCouleur #163EA5
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #163EA5 color.
Related shades
See Blues