Conversão da cor
Conversão da cor #166CC2
Perfil numérico completo para comparar telas, tintas, paletas e materiais digitais.
Espaços de cor
| RGB | 22 | 108 | 194 | |
|---|---|---|---|---|
| HSL | 210° | 79.63% | 42.35% | |
| HSV | 210° | 88.66% | 76.08% | |
| CMYK | 88.66% | 44.33% | 0% | 23.92% |
| XYZ | 15.4274 | 14.7887 | 53.0699 | |
| Yxy | 14.7887 | 0.1852 | 0.1776 | |
| Hunter Lab | 38.4561 | 4.31 | -54.8697 | |
| CIE-Lab | 45.3434 | 8.3324 | -51.6311 | |
| CIE-LCH | 45.3434 | 52.2991 | 279.1675 | |
| CIE-LUV | 45.3434 | -24.8703 | -78.1783 |
Bases numéricas
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00010110 | 01101100 | 11000010 |
| Octal | 26 | 154 | 302 |
| Decimal | 22 | 108 | 194 |
| Hex | 16 | 6C | C2 |
Percentuais RGB
Percentuais CMYK
Sombras #166CC2
Tons claros #166CC2
Harmonia
Esquemas de cor
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
Cor #166CC2 sobre preto
Cor #166CC2 texto de exemplo
Cor #166CC2 sobre branco
Cor #166CC2 texto de exemplo
#166CC2 Códigos CSS
.background { background-color: #166CC2; }
.text { color: #166CC2; }
.border { border: 3px solid #166CC2; }
.shadow { box-shadow: 0 8px 28px rgba(22, 108, 194, 0.35); }Prévia CSS
Acessibilidade
Contraste no branco5.31:1AA
Contraste no preto3.96:1Texto grande
Equivalente web seguro#0066CCNear
Luminância0.14790-1
Idiomas
Nomes da cor em outros idiomas
Use estes nomes para comparar referências internacionais, catálogos de tinta e materiais de design.
English#166CC2 color
PortuguêsCor #166CC2
EspañolColor #166CC2
한국어#166CC2 색상
日本語#166CC2 の色
中文#166CC2 颜色
DeutschFarbe #166CC2
FrançaisCouleur #166CC2
Combinações
Paleta próxima
Combinações úteis para testar contraste, destaque e harmonia visual com Cor #166CC2.
Relacionadas
Ver Azuis