Cores
#5686dd

#5686dd Informações de cor HEX

Cor	HEX	RGB
	#5686dd	RGB(86, 134, 221)

Criado em 09/30/2026 05:54

Classificação da cor #5686dd

#5686dd é Claro e Frio Cor Saturação 67%, luminosidade 60%.

Tom escuro de cornflowerblue

RGB os valores são RGB(86, 134, 221)
#5686dd cor contém Vermelho 33.73%, Verde 52.55% e Azul 86.67%.
oklch(62.68% 0.1418 261.4)

Cornflowerblue

Nomes de cores de #5686dd HEX código

≈ Havelock Blue

Cores alternativas de #5686dd

A cor oposta para #5686dd é #ddad56

#ddad56

#5686dd Conversão de cores

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

cmyk

CMYK(61%, 39%, 0%, 13%)

Decimal

5670621

HEX

#5686dd

HSL

hsl(219, 67%, 60%)

HSLA

hsla(219, 67%, 60%, 1)

RGB

RGB(86, 134, 221)

RGBA

RGBA(86, 134, 221, 1)

Paletas para cores #5686dd:

Abaixo exemplos de paletas de cores para cores HEX #5686dd

a cor mais escura dos tons escuros é #090d16 e a mais clara dos tons claros é #eef3fc

Paleta de tons escuros de #5686dd:

#4d79c7

#456bb1

#3c5e9b

#345085

#2b436f

#223658

#1a2842

#111b2c

#090d16

#000000

Paleta de tons claros de #5686dd:

#6792e0

#789ee4

#89aae7

#9ab6eb

#abc3ee

#bbcff1

#ccdbf5

#dde7f8

#eef3fc

#ffffff

Paleta complementar de #5686dd:

#5686dd

#ddad56

Paleta triádica de #5686dd:

#5686dd

#dd5686

#86dd56

Paleta quadrada de #5686dd:

#5686dd

#dd56ca

#ddad56

#56dd69

Paleta análoga de #5686dd:

#56cadd

#5686dd

#6956dd

Paleta complementar dividida de #5686dd:

#5686dd

#dd6956

#cadd56

Paleta retangular (tetrádica) de #5686dd:

#5686dd

#ad56dd

#ddad56

#86dd56

Paletas de cores sugeridas para #5686dd HEX:

Paleta de cores com cor #5686dd #1:

Paleta de cores com cor #5686dd #2:

Paleta de cores com cor #5686dd #3:

Paleta de cores com cor #5686dd #4:

Paleta de cores com cor #5686dd #5:

Contraste de cor

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

#5686dd

Razão de contraste

3.58:1

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

#5686dd

Razão de contraste

5.84:1

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

Imagem #5686dd 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