304B55

304B55

Exportar cor como imagem

O valor RGB da cor #304B55 é (48,75,85).

A cor hexadecimal #304B55 tem valor vermelho 48, valor verde 75 e valor azul 85 em seu RGB. Representações em coordenadas cilíndricas (HSL) da cor #304B55: matiz: 0,54, saturação: 0,28 e luminosidade: 0,26.

A cor correspondente ao código hexadecimal #304B55 é 0,44, 0,12, 0,00, 0,67. A cor segura para a web correspondente a #304B55 é #333366. A cor #304B55 contém principalmente a cor azul.

Conversões da Cor #304B55

HEX 304B55
RGB 48, 75, 85
CMYK 44, 12, 0, 67
HSB 196, 44, 33
HSL 196, 28, 26
LAB 30.21, -7.30, -9.13
LCH 30.21, 11.69, 231.36
XYZ 5.37, 6.32, 9.53
LUV 30.21, -12.18, -10.44
HWB 196, 19, 74

Variações da Cor #304B55

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

Sombras (Shades) da Cor #304B55

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

304B55
2D464F
2A414A
263C44
23373E
203239
1D2D33
1A282D
162328
131E22
10191C
0D1417
0A0F11
060A0B
030506
000000

Tons Claros (Tints) da Cor #304B55

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.

304B55
3E5760
4C636C
596F77
677B82
75878E
839399
919FA4
9EABB0
ACB7BB
BAC3C6
C8CFD2
D6DBDD
E3E7E8
F1F3F4
FFFFFF

Tons (Tones) da Cor #304B55

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.

304B55
354F58
3B525B
40565E
455960
4B5D63
506066
556469
5B676C
606B6F
656E72
6B7275
707577
75797A
7B7C7D
808080

Matizes (Hues) da Cor #304B55

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.

554130
555030
4B5530
3C5530
305532
305541
305550
304B55
303C55
323055
413055
503055
55304B
55303C
553230

Temperaturas da Cor #304B55

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.

30553A
30553F
305544
305549
30554F
305554
305155
304B55
304655
304055
303B55
303655
303155
343055
3A3055

Harmonias da Cor #304B55

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.

30554C
304B55
303855

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.

304B55
553A30

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.

304B55
553038
554C30

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.

304B55
55304B
4B5530

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.

304B55
3A3055
553A30
4B5530

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.

304B55
4C3055
553A30
385530

Simulador de Daltonismo da Cor #304B55

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

304B55
3C3C53
Visão Real da Cor
Visão da Cor com Protanopia

Deuteranopia

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

304B55
3A3852
Visão Real da Cor
Visão da Cor com Deuteranopia

Tritanopia

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

304B55
315150
Visão Real da Cor
Visão da Cor com Tritanopia

Protanomalia

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

304B55
354254
Visão Real da Cor
Visão da Cor com Protanomalia

Deuteranomalia

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

304B55
354454
Visão Real da Cor
Visão da Cor com Deuteranomalia

Tritanomalia

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

304B55
314E53
Visão Real da Cor
Visão da Cor com Tritanomalia

Acromatopsia

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

304B55
444444
Visão Real da Cor
Visão da Cor com Acromatopsia

Verificador de Contraste (WCAG) da Cor #304B55

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

Fundo branco

MUITO BOM 4/5
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
ABC abc 123#304B55 • Contraste de cores
Contraste: 9.28:1
Elemento AA AAA
Texto Normal
Texto Grande
Elementos de UI

Fundo preto

MUITO RUIM 1/5
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
ABC abc 123#304B55 • Contraste de cores
Contraste: 2.26: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