Cores
#5686ff

#5686ff Informações de cor HEX

Cor	HEX	RGB
	#5686ff	RGB(86, 134, 255)

Criado em 09/30/2026 07:30

Classificação da cor #5686ff

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

Tom escuro de cornflowerblue

RGB os valores são RGB(86, 134, 255)
#5686ff cor contém Vermelho 33.73%, Verde 52.55% e Azul 100%.
oklch(64.79% 0.1871 265.27)

Cornflowerblue

Nomes de cores de #5686ff HEX código

≈ Cornflower Blue

Cores alternativas de #5686ff

A cor oposta para #5686ff é #ffcf56

#ffcf56

#5686ff Conversão de cores

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

cmyk

CMYK(66%, 47%, 0%, 0%)

Decimal

5670655

HEX

#5686ff

HSL

hsl(223, 100%, 67%)

HSLA

hsla(223, 100%, 67%, 1)

RGB

RGB(86, 134, 255)

RGBA

RGBA(86, 134, 255, 1)

Paletas para cores #5686ff:

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

a cor mais escura dos tons escuros é #090d19 e a mais clara dos tons claros é #eef3ff

Paleta de tons escuros de #5686ff:

#4d79e6

#456bcc

#3c5eb3

#345099

#2b4380

#223666

#1a284d

#111b33

#090d19

#000000

Paleta de tons claros de #5686ff:

#6792ff

#789eff

#89aaff

#9ab6ff

#abc3ff

#bbcfff

#ccdbff

#dde7ff

#eef3ff

#ffffff

Paleta complementar de #5686ff:

#5686ff

#ffcf56

Paleta triádica de #5686ff:

#5686ff

#ff5686

#86ff56

Paleta quadrada de #5686ff:

#5686ff

#ff56db

#ffcf56

#56ff7a

Paleta análoga de #5686ff:

#56dbff

#5686ff

#7a56ff

Paleta complementar dividida de #5686ff:

#5686ff

#ff7a56

#dbff56

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

#5686ff

#cf56ff

#ffcf56

#86ff56

Paletas de cores sugeridas para #5686ff HEX:

Paleta de cores com cor #5686ff #1:

Paleta de cores com cor #5686ff #2:

Paleta de cores com cor #5686ff #3:

Paleta de cores com cor #5686ff #4:

Paleta de cores com cor #5686ff #5:

Contraste de cor

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

#5686ff

Razão de contraste

3.36:1

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

#5686ff

Razão de contraste

6.24:1

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

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