Criado em 03/30/2024 07:24
#22a699 HEX Cor Informação
Cor | HEX | RGB |
#22a699 | RGB(34, 166, 153) |
RGB os valores são RGB(34, 166, 153)
#22a699 cor contém Vermelho 13.33%, Verde 65.1% e Azul 60%.
Nomes de cores de #22a699 HEX código
success Cor
Cores alternativas de #22a699
A cor oposta para #22a699 é #a5222f
#22a699 Conversão de cores
Informações de códigos e valores sobre o decimal de cor HEX, HEX. Valores HSL, HSLA, RGB, RGBA #22a699
Decimal
2270873
HEX
#22a699
HSL
hsl(174, 66%, 39%)
HSLA
hsla(174, 66%, 39%, 1)
RGB
RGB(34, 166, 153)
RGBA
RGBA(34, 166, 153, 1)
Paletas para cores #22a699:
Abaixo exemplos de paletas de cores para cores HEX #22a699
a cor mais escura é #03110f dos tons e a cor mais clara é #e9f6f5 dos tons
Paleta de tons de #22a699:
Paleta de tons de #22a699:
Paleta complementar de #22a699:
Paleta triádica de #22a699:
Paleta quadrada de #22a699:
Paleta análoga de #22a699:
Paleta complementar dividida de #22a699:
Paleta retangular (tetrádica) de #22a699:
Paletas de cores sugeridas para #22a699 HEX:
Paleta de cores com cor #22a699 #1:
Paleta de cores com cor #22a699 #2:
Paleta de cores com cor #22a699 #3:
Paleta de cores com cor #22a699 #4:
Paleta de cores com cor #22a699 #5:
Cor #22a699 usado em paletas (1)
Contraste de Cor
Combinações de cores #22a699 com preto e branco para texto pequeno, texto grande e gráficos com base na proporção de contraste de acessibilidade do WCAG.
#22a699
#22a699 Taxa de contraste
3:1
Tamanho | Nível AA | Nível AAA |
Texto Grande: | ||
Texto pequeno: |
#22a699
#22a699 Taxa de contraste
6.98:1
Tamanho | Nível AA | Nível AAA |
Texto Grande: | ||
Texto pequeno: |