Color conversion
Color conversion for #164CCC
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 22 | 76 | 204 | |
|---|---|---|---|---|
| HSL | 222.2° | 80.53% | 44.31% | |
| HSV | 222.2° | 89.22% | 80% | |
| CMYK | 89.22% | 62.75% | 0% | 20% |
| XYZ | 13.8105 | 9.6973 | 58.2589 | |
| Yxy | 9.6973 | 0.1689 | 0.1186 | |
| Hunter Lab | 31.1405 | 24.6665 | -89.0804 | |
| CIE-Lab | 37.2936 | 33.1478 | -70.4814 | |
| CIE-LCH | 37.2936 | 77.8871 | 295.1879 | |
| CIE-LUV | 37.2936 | -15.7409 | -100.3902 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00010110 | 01001100 | 11001100 |
| Octal | 26 | 114 | 314 |
| Decimal | 22 | 76 | 204 |
| Hex | 16 | 4C | CC |
RGB percentages
CMYK percentages
Shades #164CCC
Tints #164CCC
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#164CCC color on black
#164CCC color sample text
#164CCC color on white
#164CCC color sample text
#164CCC CSS codes
.background { background-color: #164CCC; }
.text { color: #164CCC; }
.border { border: 3px solid #164CCC; }
.shadow { box-shadow: 0 8px 28px rgba(22, 76, 204, 0.35); }CSS preview
Accessibility
Contrast on white7.14:1AAA
Contrast on black2.94:1Poor
Web safe#0033CCNear
Luminance0.0970-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#164CCC color
PortuguêsCor #164CCC
EspañolColor #164CCC
한국어#164CCC 색상
日本語#164CCC の色
中文#164CCC 颜色
DeutschFarbe #164CCC
FrançaisCouleur #164CCC
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #164CCC color.
Related shades
See Blues