224BFF

224BFF

Exportar cor como imagem

O valor RGB da cor #224BFF é (34,75,255).

A cor hexadecimal #224BFF tem valor vermelho 34, valor verde 75 e valor azul 255 em seu RGB. Representações em coordenadas cilíndricas (HSL) da cor #224BFF: matiz: 0,64, saturação: 1,00 e luminosidade: 0,57.

A cor correspondente ao código hexadecimal #224BFF é 0,87, 0,71, 0,00, 0,00. A cor segura para a web correspondente a #224BFF é #3333FF. A cor #224BFF contém principalmente a cor azul.

Conversões da Cor #224BFF

HEX 224BFF
RGB 34, 75, 255
CMYK 87, 71, 0, 0
HSB 229, 87, 100
HSL 229, 100, 57
LAB 42.14, 52.72, -91.47
LCH 42.14, 105.58, 299.96
XYZ 21.22, 12.59, 95.90
LUV 42.14, -14.97, -131.86
HWB 229, 0, 43

Variações da Cor #224BFF

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

Sombras (Shades) da Cor #224BFF

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

224BFF
2046EE
1D41DD
1B3CCC
1937BB
1732AA
142D99
122888
102377
0E1E66
0B1955
091444
070F33
050A22
020511
000000

Tons Claros (Tints) da Cor #224BFF

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.

224BFF
3157FF
3F63FF
4E6FFF
5D7BFF
6C87FF
7A93FF
899FFF
98ABFF
A7B7FF
B5C3FF
C4CFFF
D3DBFF
E2E7FF
F0F3FF
FFFFFF

Tons (Tones) da Cor #224BFF

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.

224BFF
284FF7
2F52EE
3556E6
3B59DD
415DD5
4860CC
4E64C4
5467BB
5A6BB3
616EAA
6772A2
6D7599
737991
7A7C88
808080

Matizes (Hues) da Cor #224BFF

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.

FBFF24
A4FF24
4CFF24
24FF53
24FFAB
24FBFF
24A4FF
224BFF
5324FF
AB24FF
FF24FB
FF24A4
FF244C
FF5324
FFAB24

Temperaturas da Cor #224BFF

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.

24FFD7
24FFF4
24E9FF
24CCFF
24ABFF
248EFF
246DFF
224BFF
242FFF
3A24FF
5724FF
7824FF
9524FF
B624FF
D724FF

Harmonias da Cor #224BFF

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.

24BAFF
224BFF
6924FF

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.

224BFF
FFD724

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.

224BFF
FF6924
BAFF24

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.

224BFF
FF244C
4CFF24

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.

224BFF
D724FF
FFD724
4CFF24

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.

224BFF
FF24BA
FFD724
24FF69

Simulador de Daltonismo da Cor #224BFF

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

224BFF
3434D3
Visão Real da Cor
Visão da Cor com Protanopia

Deuteranopia

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

224BFF
312EC9
Visão Real da Cor
Visão da Cor com Deuteranopia

Tritanopia

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

224BFF
24B1AA
Visão Real da Cor
Visão da Cor com Tritanopia

Protanomalia

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

224BFF
2A3DE9
Visão Real da Cor
Visão da Cor com Protanomalia

Deuteranomalia

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

224BFF
2A40E5
Visão Real da Cor
Visão da Cor com Deuteranomalia

Tritanomalia

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

224BFF
237BDE
Visão Real da Cor
Visão da Cor com Tritanomalia

Acromatopsia

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

224BFF
535353
Visão Real da Cor
Visão da Cor com Acromatopsia

Verificador de Contraste (WCAG) da Cor #224BFF

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

Fundo branco

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

Fundo preto

RUIM 2/5
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
ABC abc 123#224BFF • Contraste de cores
Contraste: 3.52: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