306B54

306B54

Exportar cor como imagem

O valor RGB da cor #306B54 é (48,107,84).

A cor hexadecimal #306B54 tem valor vermelho 48, valor verde 107 e valor azul 84 em seu RGB. Representações em coordenadas cilíndricas (HSL) da cor #306B54: matiz: 0,44, saturação: 0,38 e luminosidade: 0,30.

A cor correspondente ao código hexadecimal #306B54 é 0,55, 0,00, 0,21, 0,58. A cor segura para a web correspondente a #306B54 é #336666. A cor #306B54 contém principalmente a cor verde.

Conversões da Cor #306B54

HEX 306B54
RGB 48, 107, 84
CMYK 55, 0, 21, 58
HSB 157, 55, 42
HSL 157, 38, 30
LAB 40.86, -25.25, 7.12
LCH 40.86, 26.23, 164.25
XYZ 8.08, 11.78, 10.23
LUV 40.86, -25.42, 12.59
HWB 157, 19, 70

Variações da Cor #306B54

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

Sombras (Shades) da Cor #306B54

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

306B54
2D644E
2A5D49
265643
234E3E
204738
1D4032
1A392D
163227
132B22
10241C
0D1D16
0A1511
060E0B
030706
000000

Tons Claros (Tints) da Cor #306B54

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.

306B54
3E755F
4C7F6B
598976
679282
759C8D
83A698
91B0A4
9EBAAF
ACC4BB
BACEC6
C8D8D1
D6E1DD
E3EBE8
F1F5F4
FFFFFF

Tons (Tones) da Cor #306B54

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.

306B54
356C57
3B6E5A
406F5D
457160
4B7263
507366
557569
5B766B
60786E
657971
6B7A74
707C77
757D7A
7B7F7D
808080

Matizes (Hues) da Cor #306B54

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.

6A2F3A
6A3C2F
6A532F
696A2F
516A2F
3A6A2F
2F6A3C
306B54
2F696A
2F516A
2F3A6A
3C2F6A
532F6A
6A2F69
6A2F51

Temperaturas da Cor #306B54

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.

466A2F
3E6A2F
356A2F
2F6A31
2F6A3A
2F6A42
2F6A4B
306B54
2F6A5B
2F6A64
2F686A
2F5F6A
2F576A
2F4E6A
2F466A

Harmonias da Cor #306B54

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.

2F6A36
306B54
2F636A

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.

306B54
6A2F46

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.

306B54
6A2F63
6A362F

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.

306B54
532F6A
6A532F

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.

306B54
2F466A
6A2F46
6A532F

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.

306B54
362F6A
6A2F46
636A2F

Simulador de Daltonismo da Cor #306B54

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

306B54
4A4A5A
Visão Real da Cor
Visão da Cor com Protanopia

Deuteranopia

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

306B54
46425B
Visão Real da Cor
Visão da Cor com Deuteranopia

Tritanopia

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

306B54
335E5F
Visão Real da Cor
Visão da Cor com Tritanopia

Protanomalia

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

306B54
3B5757
Visão Real da Cor
Visão da Cor com Protanomalia

Deuteranomalia

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

306B54
3C5C57
Visão Real da Cor
Visão da Cor com Deuteranomalia

Tritanomalia

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

306B54
326558
Visão Real da Cor
Visão da Cor com Tritanomalia

Acromatopsia

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

306B54
575757
Visão Real da Cor
Visão da Cor com Acromatopsia

Verificador de Contraste (WCAG) da Cor #306B54

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#306B54 • Contraste de cores
Contraste: 6.26: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#306B54 • Contraste de cores
Contraste: 3.36: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