Código da Cor Cadet Blue (#5f9ea0)

Cadet Blue é #5f9ea0 em hex e rgb(95, 158, 160), um ciano médio. Abaixo: todos os formatos de cor, tons e sombras, harmonias e o quão legível ela é como texto.

Atualizado em

Cadet Blue
#5f9ea0
Nome CSScadetblue
Hex#5f9ea0
RGBrgb(95, 158, 160)
HSLhsl(182 25% 50%)
HWBhwb(182 37% 37%)
CMYK41%, 1%, 0%, 37%

Tons e sombras

Harmonias de cores

Sobre Cadet Blue

Cadet Blue (cadetblue) é um ciano médio e moderadamente saturado, com código hex #5f9ea0, ou rgb(95, 158, 160). Em HSL, fica no matiz de 182°, com 25% de saturação e 50% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: cadetblue; no lugar do valor hex.

Usando Cadet Blue em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Cadet Blue sobre branco3.05 : 1AA apenas para texto grande
Texto Cadet Blue sobre preto6.88 : 1AA

Em um fundo cadet blue, use texto em preto (6.88 : 1). O WCAG exige no mínimo 4.5 : 1 para texto corrido e 3 : 1 para texto grande. Verifique outras combinações com o Verificador de Contraste.

CSS

.element {
  color: cadetblue;               /* or #5f9ea0 */
  background-color: #5f9ea0;
  border: 1px solid rgb(95 158 160 / 50%);
}

Nomes de cores semelhantes

Cinza Ardósia Claro (#778899), Cinza Ardósia (#708090), Azul Aço (#4682b4), Verde Água Médio (#66cdaa), Cinza (#808080), Verde Mar Escuro (#8fbc8f).

Perguntas frequentes

Qual é o código hex da cor cadet blue?
#5f9ea0, que equivale a rgb(95, 158, 160) e hsl(182, 25%, 50%). No CSS você também pode simplesmente escrever cadetblue.
O texto em cadet blue é legível sobre branco?
Sua razão de contraste sobre branco é 3.05 : 1, que passa apenas para texto grande (WCAG AA texto grande).
Quais cores combinam com cadet blue?
A cor complementar é #9f6260; as cores análogas #609f82 e #607d9f ficam ao lado dela no círculo cromático.