F24A59
O valor RGB da cor #F24A59 é (242,74,89).
A cor hexadecimal #F24A59 tem valor vermelho 242, valor verde 74 e valor azul 89 em seu RGB. Representações em coordenadas cilíndricas (HSL) da cor #F24A59: matiz: 0,99, saturação: 0,87 e luminosidade: 0,62.
A cor correspondente ao código hexadecimal #F24A59 é 0,00, 0,69, 0,63, 0,05. A cor segura para a web correspondente a #F24A59 é #FF3366. A cor #F24A59 contém principalmente a cor vermelho.
Conversões da Cor #F24A59
| HEX | F24A59 |
|---|---|
| RGB | 242, 74, 89 |
| CMYK | 0, 69, 63, 5 |
| HSB | 355, 69, 95 |
| HSL | 355, 87, 62 |
| LAB | 56.58, 64.53, 29.18 |
|---|---|
| LCH | 56.58, 70.82, 24.33 |
| XYZ | 40.87, 24.50, 12.03 |
| LUV | 56.58, 125.04, 20.43 |
| HWB | 355, 8, 38 |
Variações da Cor #F24A59
Veja as variações de cores em tons, sombras, matizes e temperaturas.
Sombras (Shades) da Cor #F24A59
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 #F24A59
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 #F24A59
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 #F24A59
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 #F24A59
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 #F24A59
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 #F24A59
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 #F24A59
Verifique o contraste de um texto em fundos branco e preto.
Fundo branco
ABC abc 123 • #F24A59 • Contraste de cores
| Elemento | AA | AAA |
|---|---|---|
| Texto Normal | ||
| Texto Grande | ||
| Elementos de UI |
Fundo preto
ABC abc 123 • #F24A59 • Contraste de cores
| Elemento | AA | AAA |
|---|---|---|
| Texto Normal | ||
| Texto Grande | ||
| Elementos de UI |
Cores Relacionadas
Confira abaixo cores visualmente semelhantes: