306B5B

306B5B

Exportar cor como imagem

O valor RGB da cor #306B5B é (48,107,91).

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

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

Conversões da Cor #306B5B

HEX 306B5B
RGB 48, 107, 91
CMYK 55, 0, 15, 58
HSB 164, 55, 42
HSL 164, 38, 30
LAB 41.06, -23.57, 3.15
LCH 41.06, 23.78, 172.39
XYZ 8.36, 11.90, 11.75
LUV 41.06, -25.24, 7.40
HWB 164, 19, 70

Variações da Cor #306B5B

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

Sombras (Shades) da Cor #306B5B

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

306B5B
2D6455
2A5D4F
265649
234E43
20473D
1D4037
1A3931
16322A
132B24
10241E
0D1D18
0A1512
060E0C
030706
000000

Tons Claros (Tints) da Cor #306B5B

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.

306B5B
3E7566
4C7F71
59897C
679287
759C92
83A69D
91B0A8
9EBAB2
ACC4BD
BACEC8
C8D8D3
D6E1DE
E3EBE9
F1F5F4
FFFFFF

Tons (Tones) da Cor #306B5B

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.

306B5B
356C5D
3B6E60
406F62
457165
4B7267
50736A
55756C
5B766F
607871
657974
6B7A76
707C79
757D7B
7B7F7E
808080

Matizes (Hues) da Cor #306B5B

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.

6A2F33
6A432F
6A5A2F
626A2F
4B6A2F
336A2F
2F6A43
306B5B
2F626A
2F4B6A
2F336A
432F6A
5A2F6A
6A2F62
6A2F4B

Temperaturas da Cor #306B5B

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.

3F6A2F
376A2F
2F6A30
2F6A38
2F6A41
2F6A49
2F6A51
306B5B
2F6A62
2F696A
2F616A
2F586A
2F506A
2F486A
2F3F6A

Harmonias da Cor #306B5B

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.

2F6A3D
306B5B
2F5C6A

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.

306B5B
6A2F3F

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.

306B5B
6A2F5C
6A3D2F

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.

306B5B
5A2F6A
6A5A2F

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.

306B5B
2F3F6A
6A2F3F
6A5A2F

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.

306B5B
3D2F6A
6A2F3F
5C6A2F

Simulador de Daltonismo da Cor #306B5B

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

306B5B
4A4A5F
Visão Real da Cor
Visão da Cor com Protanopia

Deuteranopia

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

306B5B
464260
Visão Real da Cor
Visão da Cor com Deuteranopia

Tritanopia

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

306B5B
336263
Visão Real da Cor
Visão da Cor com Tritanopia

Protanomalia

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

306B5B
3B575D
Visão Real da Cor
Visão da Cor com Protanomalia

Deuteranomalia

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

306B5B
3C5C5D
Visão Real da Cor
Visão da Cor com Deuteranomalia

Tritanomalia

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

306B5B
32675E
Visão Real da Cor
Visão da Cor com Tritanomalia

Acromatopsia

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

306B5B
585858
Visão Real da Cor
Visão da Cor com Acromatopsia

Verificador de Contraste (WCAG) da Cor #306B5B

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#306B5B • Contraste de cores
Contraste: 6.21: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#306B5B • Contraste de cores
Contraste: 3.38: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