Cor Azul-turquesa: código #6CDAE7

Azul-turquesa

#6CDAE7

Códigos da cor

  • HEX#6CDAE7
  • RGBrgb(108, 218, 231)
  • HSLhsl(186, 72%, 66%)
  • HSVhsv(186, 53%, 91%)
  • CMYKcmyk(53%, 6%, 0%, 9%)
  • LABlab(81.3% -28 -16)
  • OKLCHoklch(82.9% 0.102 205.7)

Sobre a cor Azul-turquesa

Azul-turquesa tem o código HEX #6CDAE7, que corresponde a rgb(108, 218, 231) no modelo RGB. No círculo cromático, seu matiz fica em 186°, com 72% de saturação e 66% de luminosidade (hsl(186, 72%, 66%)).

Pelo matiz, é percebida como uma cor fria: tende a transmitir calma e distância e a “recuar” visualmente na composição.

Como fundo, pede texto escuro: o preto atinge contraste de 12,82:1 sobre ela, contra 1,63:1 do branco.

Para impressão, a conversão aproximada é cmyk(53%, 6%, 0%, 9%). Confirme sempre com o perfil de cor da gráfica, porque o resultado depende do papel e da tinta.

Tons mais claros

Tons mais escuros

Combinações com Azul-turquesa

Complementar

#6CDAE7 · #E7766A

Análoga

#6AE7B5 · #6CDAE7 · #6A9CE7

Tríade

#6CDAE7 · #E76ADA · #DAE76A

Tetrádica

#6CDAE7 · #B56AE7 · #E7766A · #9CE76A

Complementar dividida

#6CDAE7 · #E76A9C · #E7B56A

Monocromática

#1DA5B4 · #3ECFE0 · #6CDAE7 · #ACEAF1 · #EDFBFC

Azul-turquesa com texto branco e preto

Texto branco Aa Bb Cc 123
1,63:1 · não passa na WCAG
Texto preto Aa Bb Cc 123
12,82:1 · AAA

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-turquoise-blue: #6CDAE7;
  --color-turquoise-blue-rgb: 108, 218, 231;
}

.elemento {
  background-color: var(--color-turquoise-blue);
  color: #000000;
}