Cor #58a8ba - Guia Completo com Informações, Conversões e Esquemas

Amostra de cor para o código hexadecimal #58a8ba

Sobre esta cor

A cor hexadecimal #58a8ba é uma representação no modelo RGB composta por:

Vermelho 88

Verde 168

Azul 186

No espaço de cor CMYK (usado para impressão), é composta por 52.7% Ciano, 9.7% Magenta, 0% Amarelo e 27.1% Preto.

Possui um ângulo de matiz de 191°, uma saturação de 41.5% e uma luminosidade de 53.7%.

Para ser mais WebSafe, a cor mais próxima é 339999.

Conversões de Cores

Hexadecimal

58a8ba

RGB

88, 168, 186

34.5%, 65.9%, 72.9%

HSL

191°, 41.5%, 53.7%

HSV (HSB)

191°, 52.7%, 72.9%

CMYK

0.53, 0.1, 0, 0.27

Web Safe

339999

RYB

34.5, 52.2, 72.9

CIELab

66.95, -19.27, -16.07

XYZ

29.4, 36.6, 54.8

Decimal

5810362

Yxy

33.6228, 0.24, 0.3001

YUV

146.132, 150.4989, 86.5364

CIELuv

64.662, -34.4788, -22.7643

Distribuição de #58a8ba

A cor #58a8ba é composta por diferentes quantidades de vermelho, verde e azul (RGB), ou ciano, magenta, amarelo e preto (CMYK). Veja abaixo a distribuição percentual em cada modelo.

RGB

Vermelho (Red) 34.5%

Verde (Green) 65.9%

Azul (Blue) 72.9%

CMYK

Ciano (Cyan) 52.7%

Magenta 9.7%

Amarelo (Yellow) 0%

Preto (Key) 27.1%

RYB

Vermelho (Red) 34.5%

Amarelo (Yellow) 52.2%

Azul (Blue) 72.9%

CMY

Ciano (Cyan) 65.5%

Magenta 34.1%

Amarelo (Yellow) 27.1%

Harmonia de Cores

Descubra combinações de cores harmoniosas baseadas na teoria das cores. Estas paletas podem ajudar a criar designs equilibrados e visualmente agradáveis.

Cores Complementares

Combinação de cores opostas no círculo cromático (180º). Criam alto contraste e impacto visual.

#58a8ba

#ba6a58

Cores Triádicas

Três cores equidistantes no círculo cromático. Oferecem um equilíbrio vibrante entre contraste e harmonia.

#ba58a9

#58a8ba

#a9ba58

Cores Tetrádicas

Dois pares de cores complementares. Esta harmonia rica oferece muitas possibilidades de variação.

#9b58ba

#58a8ba

#ba6a58

#78ba58

Cores Monocromáticas

Variações de luminosidade e saturação da mesma cor base. Cria um visual coeso, elegante e suave.

#58a8ba

#92b3ba

#91b3ba

#8fb2ba

#8db2ba

#8bb2ba

Tons e Matizes de #58a8ba

Explore as variações de luminosidade da cor. Matizes (Tints) são criados adicionando branco, enquanto Sombras (Shades) são obtidas adicionando preto.

Matiz (Adicionando Branco)

#58a8ba

#79b9c7

#9acad5

#bcdce3

#ddedf1

#ffffff

Sombra (Adicionando Preto)

#58a8ba

#468694

#34646f

#23434a

#112125

#000000

Quer criar gradientes incríveis?

Use estas cores para criar transições suaves em seus projetos web.

Experimentar Gerador de Gradiente

Pré-visualização

Veja como a cor #58a8ba se comporta em diferentes contextos, como fundos claros, escuros e como cor de texto.

Cor em Fundo Branco

Título de Exemplo

Este é um parágrafo de exemplo para demonstrar a legibilidade do texto com a cor #58a8ba sobre um fundo branco.

Cor em Fundo Preto

Título de Exemplo

Este é um parágrafo de exemplo para demonstrar a legibilidade do texto com a cor #58a8ba sobre um fundo preto.

Texto sobre Fundo #58a8ba

Texto Branco

Exemplo de texto branco sobre o fundo da cor selecionada. Ideal para verificar o contraste.

Texto Preto

Exemplo de texto preto sobre o fundo da cor selecionada. Ideal para verificar o contraste.

Contraste (WCAG)

Verifique a acessibilidade da cor #58a8ba como cor de fundo para texto branco e preto, de acordo com as diretrizes WCAG 2.0.

Texto Branco

Exemplo

Texto Grande

WCAG AA

X Não conforme

Texto Normal

WCAG AA

X Não conforme

Texto Grande

WCAG AAA

X Não conforme

Texto Normal

WCAG AAA

X Não conforme

Texto Preto

Exemplo

Texto Grande

WCAG AA

✓ Conforme

Texto Normal

WCAG AA

✓ Conforme

Texto Grande

WCAG AAA

✓ Conforme

Texto Normal

WCAG AAA

✓ Conforme

Quer testar outras combinações?

Experimente nosso verificador de contraste de cores dedicado para análises mais detalhadas.

Exemplos CSS

Copie e cole estes snippets CSS para usar a cor #58a8ba em seus projetos web.

Cor do Texto

Este texto está usando a cor #58a8ba.

.text-primary {
  color: #58a8ba;
}

Cor de Fundo

Este elemento tem fundo #58a8ba.

.bg-primary {
  background-color: #58a8ba;
}

Cor da Borda

Este elemento tem borda #58a8ba.

.border-primary {
  border: 1px solid #58a8ba;
}

Estilos Inline (HTML)

Para Texto:

<span style="color:#58a8ba;">Texto</span>

Para Fundo:

<div style="background-color:#58a8ba;">...</div>

Cores Aleatórias

Inspire-se com esta seleção de cores aleatórias. Clique em qualquer cor para ver seus detalhes completos.

#353629

#32a62d

#95ced1

#df432c

#9236e1

#c5d5b2

#273b6d

#9f5e82

#c95a9d

#6dffe7

#30fdef

#acf6ab