PaleTurquoise — Códigos de Cor & Paleta
Códigos de Cor
| Formato | Valor | |
|---|---|---|
| HEX | #AFEEEE | |
| RGB | rgb(175, 238, 238) | |
| HSL | hsl(180, 65%, 81%) |
Tons escuros de PaleTurquoise
| #89E6E6 | #63DEDE | #3DD6D6 | #28BDBD | #209797 | #187272 | #104C4C | #082626 |
Tons claros de PaleTurquoise
| #B7F0F0 | #C0F2F2 | #C8F3F3 | #D1F5F5 | #D9F7F7 | #E2F9F9 | #EAFBFB | #F2FCFC |
Combinações de Cores & Harmonia
|
Complementar
#EEAFAF
|
Análogo +30°
#AFCFEE
|
Análogo −30°
#AFEECF
|
Triádico +120°
#EEAFEE
|
Triádico −120°
#EEEEAF
|
Contraste & Acessibilidade (WCAG 2.1)
Trecho CSS
.element {
color: #AFEEEE;
}
.element-bg {
background-color: #AFEEEE;
color: #000000;
}
.element-border {
border: 2px solid #AFEEEE;
}
Sobre PaleTurquoise
PaleTurquoise é uma cor muito clara com alta saturação, definida pelo código hex #AFEEEE. Seus valores exatos no modelo de cor são rgb(175, 238, 238) em RGB e hsl(180, 65%, 81%) em HSL (matiz 180°, saturação 65%, luminosidade 81%). Sobre um fundo branco, a proporção de contraste é 1.29:1 — Reprovado, e sobre preto é 16.29:1 — AAA aprovado para texto normal. Use PaleTurquoise em elementos de interface, fundos, texto, bordas ou acentos decorativos. A seção de tons escuros abaixo mostra variações progressivamente mais escuras, enquanto a faixa de tons claros exibe versões progressivamente mais claras — ambas úteis para construir uma paleta tonal. As amostras de harmonia fornecem combinações complementares, análogas e triádicas baseadas na roda de matizes HSL.
Quer explorar esta cor de forma interativa, gerar paletas ou converter entre formatos de cor? O Seletor de Cores do DevArbor tem tudo isso.
Abrir o Seletor de Cores →