Cores
#586ea6

#586ea6 Informações de cor HEX

Cor	HEX	RGB
	#586ea6	RGB(88, 110, 166)

Criado em 09/30/2026 07:11

Classificação da cor #586ea6

#586ea6 é Semi escuro e Frio Cor Saturação 31%, luminosidade 50%.

Tom claro de royalblue

RGB os valores são RGB(88, 110, 166)
#586ea6 cor contém Vermelho 34.51%, Verde 43.14% e Azul 65.1%.
oklch(54.52% 0.0918 267.03)

Royalblue

Nomes de cores de #586ea6 HEX código

≈ Waikawa Gray

Cores alternativas de #586ea6

A cor oposta para #586ea6 é #a69058

#a69058

#586ea6 Conversão de cores

Informações de códigos e valores sobre o decimal de cor HEX, HEX. Valores HSL, HSLA, RGB, RGBA #586ea6

cmyk

CMYK(47%, 34%, 0%, 35%)

Decimal

5795494

HEX

#586ea6

HSL

hsl(223, 31%, 50%)

HSLA

hsla(223, 31%, 50%, 1)

RGB

RGB(88, 110, 166)

RGBA

RGBA(88, 110, 166, 1)

Paletas para cores #586ea6:

Abaixo exemplos de paletas de cores para cores HEX #586ea6

a cor mais escura dos tons escuros é #090b11 e a mais clara dos tons claros é #eef1f6

Paleta de tons escuros de #586ea6:

#4f6395

#465885

#3e4d74

#354264

#2c3753

#232c42

#1a2132

#121621

#090b11

#000000

Paleta de tons claros de #586ea6:

#697daf

#798bb8

#8a9ac1

#9ba8ca

#acb7d3

#bcc5db

#cdd4e4

#dee2ed

#eef1f6

#ffffff

Paleta complementar de #586ea6:

#586ea6

#a69058

Paleta triádica de #586ea6:

#586ea6

#a6586e

#6ea658

Paleta quadrada de #586ea6:

#586ea6

#a65895

#a69058

#58a669

Paleta análoga de #586ea6:

#5895a6

#586ea6

#6958a6

Paleta complementar dividida de #586ea6:

#586ea6

#a66958

#95a658

Paleta retangular (tetrádica) de #586ea6:

#586ea6

#9058a6

#a69058

#6ea658

Paletas de cores sugeridas para #586ea6 HEX:

Paleta de cores com cor #586ea6 #1:

Paleta de cores com cor #586ea6 #2:

Paleta de cores com cor #586ea6 #3:

Paleta de cores com cor #586ea6 #4:

Paleta de cores com cor #586ea6 #5:

Contraste de cor

Combinações de cores #586ea6 com preto e branco para texto pequeno, texto grande e gráficos com base na proporção de contraste de acessibilidade do WCAG.

#586ea6

Razão de contraste

5:1

Tamanho	Nível AA	Nível AAA
Texto grande:
Texto pequeno:

#586ea6

Razão de contraste

4.19:1

Tamanho	Nível AA	Nível AAA
Texto grande:
Texto pequeno:

Imagem #586ea6 cor png

Visite a lista de cores populares para mais cores

Cores da interface do Metro Cores Pantone Cores da Web Cores seguras para a Web Cores X11 Cores XKCD