567BFF

567BFF

Exportar cor como imagem

O valor RGB da cor #567BFF é (86,123,255).

A cor hexadecimal #567BFF tem valor vermelho 86, valor verde 123 e valor azul 255 em seu RGB. Representações em coordenadas cilíndricas (HSL) da cor #567BFF: matiz: 0,63, saturação: 1,00 e luminosidade: 0,67.

A cor correspondente ao código hexadecimal #567BFF é 0,66, 0,52, 0,00, 0,00. A cor segura para a web correspondente a #567BFF é #6666FF. A cor #567BFF contém principalmente a cor azul.

Conversões da Cor #567BFF

HEX 567BFF
RGB 86, 123, 255
CMYK 66, 52, 0, 0
HSB 227, 66, 100
HSL 227, 100, 67
LAB 55.44, 28.52, -69.64
LCH 55.44, 75.25, 292.27
XYZ 28.96, 23.36, 97.57
LUV 55.44, -18.36, -112.08
HWB 227, 0, 33

Variações da Cor #567BFF

Veja as variações de cores em tons, sombras, matizes e temperaturas.

Sombras (Shades) da Cor #567BFF

Uma sombra é criada adicionando preto a uma cor base, aumentando sua intensidade. As tonalidades ficam mais dramáticas e ricas.

567BFF
5073EE
4B6BDD
4562CC
3F5ABB
3952AA
344A99
2E4288
283977
223166
1D2955
172144
111933
0B1022
060811
000000

Tons Claros (Tints) da Cor #567BFF

Uma tonalidade clara é criada adicionando branco a uma cor base, aumentando sua luminosidade. As Tints tendem a ter uma aparência pastel e menos intensa.

567BFF
6184FF
6D8DFF
7895FF
839EFF
8EA7FF
9AB0FF
A5B9FF
B0C1FF
BBCAFF
C7D3FF
D2DCFF
DDE5FF
E8EDFF
F4F6FF
FFFFFF

Tons (Tones) da Cor #567BFF

Um tom é criado adicionando cinza a uma cor base, aumentando sua luminosidade. Os tons têm uma aparência mais sofisticada e complexa do que as cores base.

567BFF
597BF7
5C7CEE
5E7CE6
617CDD
647DD5
677DCC
6A7DC4
6C7EBB
6F7EB3
727EAA
757FA2
787F99
7A7F91
7D8088
808080

Matizes (Hues) da Cor #567BFF

Uma matiz refere-se à família básica de cores que vai do vermelho ao violeta. Matizes são variações de uma cor base no círculo cromático.

FFFC57
BEFF57
7BFF57
57FF76
57FFB9
57FFFC
57BEFF
567BFF
7657FF
B957FF
FC57FF
FF57BE
FF577B
FF7657
FFB957

Temperaturas da Cor #567BFF

As cores são frequentemente divididas em frias e quentes de acordo com a forma como as percebemos. Verdes e azuis são cores frias, enquanto vermelhos e amarelos são cores quentes.

57FFDB
57FFF1
57F4FF
57DDFF
57C4FF
57AEFF
5794FF
567BFF
5765FF
6257FF
7857FF
9257FF
A857FF
C157FF
DB57FF

Harmonias da Cor #567BFF

Harmonias de cores são esquemas de cores agradáveis ​​criados de acordo com sua posição no círculo cromático. Saber mais

Análogas

Esquemas de cores análogas são criados escolhendo três cores que estão lado a lado no círculo cromático. Elas são percebidas como calmas e serenas.

57CFFF
567BFF
8657FF

Complementares

As combinações de cores complementares são criadas escolhendo duas cores opostas no círculo cromático. Elas parecem vibrantes quando estão próximas uma da outra.

567BFF
FFDB57

Complementares Divididas

Esquemas complementares divididas são semelhantes aos complementares, mas utilizam duas cores adjacentes à cor complementar. Eles são mais flexíveis do que os complementares.

567BFF
FF8657
CFFF57

Triádicas

Esquemas de cores triádicas são criados escolhendo três cores equidistantes no círculo cromático. Elas apresentam um contraste acentuado e são multicoloridas.

567BFF
FF577B
7BFF57

Tetrádicas

Os esquemas de cores tetrádicos são formados por dois pares de cores complementares dispostas em um retângulo no círculo cromático. São muito versáteis e funcionam melhor com uma cor dominante.

567BFF
DB57FF
FFDB57
7BFF57

Quadradas

Esquemas de cores quadradas são como tetrádicas dispostas em um quadrado em vez de um retângulo. As cores parecem ainda mais contrastantes.

567BFF
FF57CF
FFDB57
57FF86

Simulador de Daltonismo da Cor #567BFF

Analise como uma cor é percebida por pessoas daltônicas para criar designs acessíveis. Saber mais

Protanopia

1,3% dos homens, 0,02% das mulheres

567BFF
6666DF
Visão Real da Cor
Visão da Cor com Protanopia

Deuteranopia

1,2% dos homens, 0,01% das mulheres

567BFF
6461D7
Visão Real da Cor
Visão da Cor com Deuteranopia

Tritanopia

0,001% dos homens, 0,03% das mulheres

567BFF
58C6C0
Visão Real da Cor
Visão da Cor com Tritanopia

Protanomalia

1,0% dos homens, 0,02% das mulheres

567BFF
5D6FEF
Visão Real da Cor
Visão da Cor com Protanomalia

Deuteranomalia

5,0% dos homens, 0,35% das mulheres

567BFF
5D71EC
Visão Real da Cor
Visão da Cor com Deuteranomalia

Tritanomalia

0,01% da população (homens e mulheres igualmente)

567BFF
579EE7
Visão Real da Cor
Visão da Cor com Tritanomalia

Acromatopsia

0,003% da população (homens e mulheres igualmente)

567BFF
7F7F7F
Visão Real da Cor
Visão da Cor com Acromatopsia

Verificador de Contraste (WCAG) da Cor #567BFF

Verifique o contraste de um texto em fundos branco e preto.

Fundo branco

RUIM 2/5
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
ABC abc 123#567BFF • Contraste de cores
Contraste: 3.70:1
Elemento AA AAA
Texto Normal
Texto Grande
Elementos de UI

Fundo preto

BOM 3/5
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
ABC abc 123#567BFF • Contraste de cores
Contraste: 5.67:1
Elemento AA AAA
Texto Normal
Texto Grande
Elementos de UI

Cores Relacionadas

Confira abaixo cores visualmente semelhantes:

Exportar Códigos de Cores

Formato de Exportação

Códigos Gerados