20A7F1
O valor RGB da cor #20A7F1 é (32,167,241).
A cor hexadecimal #20A7F1 tem valor vermelho 32, valor verde 167 e valor azul 241 em seu RGB. Representações em coordenadas cilíndricas (HSL) da cor #20A7F1: matiz: 0,56, saturação: 0,88 e luminosidade: 0,54.
A cor correspondente ao código hexadecimal #20A7F1 é 0,87, 0,31, 0,00, 0,05. A cor segura para a web correspondente a #20A7F1 é #3399FF. A cor #20A7F1 contém principalmente a cor azul.
Conversões da Cor #20A7F1
| HEX | 20A7F1 |
|---|---|
| RGB | 32, 167, 241 |
| CMYK | 87, 31, 0, 5 |
| HSB | 201, 87, 95 |
| HSL | 201, 88, 54 |
| LAB | 65.19, -8.44, -46.47 |
|---|---|
| LCH | 65.19, 47.23, 259.71 |
| XYZ | 30.29, 34.29, 88.22 |
| LUV | 65.19, -40.79, -73.74 |
| HWB | 201, 6, 46 |
Variações da Cor #20A7F1
Veja as variações de cores em tons, sombras, matizes e temperaturas.
Sombras (Shades) da Cor #20A7F1
Uma sombra é criada adicionando preto a uma cor base, aumentando sua intensidade. As tonalidades ficam mais dramáticas e ricas.
Tons Claros (Tints) da Cor #20A7F1
Uma tonalidade clara é criada adicionando branco a uma cor base, aumentando sua luminosidade. As Tints tendem a ter uma aparência pastel e menos intensa.
Tons (Tones) da Cor #20A7F1
Um tom é criado adicionando cinza a uma cor base, aumentando sua luminosidade. Os tons têm uma aparência mais sofisticada e complexa do que as cores base.
Matizes (Hues) da Cor #20A7F1
Uma matiz refere-se à família básica de cores que vai do vermelho ao violeta. Matizes são variações de uma cor base no círculo cromático.
Temperaturas da Cor #20A7F1
As cores são frequentemente divididas em frias e quentes de acordo com a forma como as percebemos. Verdes e azuis são cores frias, enquanto vermelhos e amarelos são cores quentes.
Harmonias da Cor #20A7F1
Harmonias de cores são esquemas de cores agradáveis criados de acordo com sua posição no círculo cromático. Saber mais
Análogas
Esquemas de cores análogas são criados escolhendo três cores que estão lado a lado no círculo cromático. Elas são percebidas como calmas e serenas.
Complementares
As combinações de cores complementares são criadas escolhendo duas cores opostas no círculo cromático. Elas parecem vibrantes quando estão próximas uma da outra.
Complementares Divididas
Esquemas complementares divididas são semelhantes aos complementares, mas utilizam duas cores adjacentes à cor complementar. Eles são mais flexíveis do que os complementares.
Triádicas
Esquemas de cores triádicas são criados escolhendo três cores equidistantes no círculo cromático. Elas apresentam um contraste acentuado e são multicoloridas.
Tetrádicas
Os esquemas de cores tetrádicos são formados por dois pares de cores complementares dispostas em um retângulo no círculo cromático. São muito versáteis e funcionam melhor com uma cor dominante.
Quadradas
Esquemas de cores quadradas são como tetrádicas dispostas em um quadrado em vez de um retângulo. As cores parecem ainda mais contrastantes.
Simulador de Daltonismo da Cor #20A7F1
Analise como uma cor é percebida por pessoas daltônicas para criar designs acessíveis. Saber mais
Protanopia
1,3% dos homens, 0,02% das mulheres
Deuteranopia
1,2% dos homens, 0,01% das mulheres
Tritanopia
0,001% dos homens, 0,03% das mulheres
Protanomalia
1,0% dos homens, 0,02% das mulheres
Deuteranomalia
5,0% dos homens, 0,35% das mulheres
Tritanomalia
0,01% da população (homens e mulheres igualmente)
Acromatopsia
0,003% da população (homens e mulheres igualmente)
Verificador de Contraste (WCAG) da Cor #20A7F1
Verifique o contraste de um texto em fundos branco e preto.
Fundo branco
ABC abc 123 • #20A7F1 • Contraste de cores
| Elemento | AA | AAA |
|---|---|---|
| Texto Normal | ||
| Texto Grande | ||
| Elementos de UI |
Fundo preto
ABC abc 123 • #20A7F1 • Contraste de cores
| Elemento | AA | AAA |
|---|---|---|
| Texto Normal | ||
| Texto Grande | ||
| Elementos de UI |
Cores Relacionadas
Confira abaixo cores visualmente semelhantes: