306B55

306B55

Exportar cor como imagem

O valor RGB da cor #306B55 é (48,107,85).

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

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

Conversões da Cor #306B55

HEX 306B55
RGB 48, 107, 85
CMYK 55, 0, 21, 58
HSB 158, 55, 42
HSL 158, 38, 30
LAB 40.90, -25.03, 6.56
LCH 40.90, 25.88, 165.31
XYZ 8.12, 11.80, 10.44
LUV 40.90, -25.40, 11.87
HWB 158, 19, 70

Variações da Cor #306B55

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

Sombras (Shades) da Cor #306B55

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

306B55
2D644F
2A5D4A
265644
234E3E
204739
1D4033
1A392D
163228
132B22
10241C
0D1D17
0A1511
060E0B
030706
000000

Tons Claros (Tints) da Cor #306B55

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.

306B55
3E7560
4C7F6C
598977
679282
759C8E
83A699
91B0A4
9EBAB0
ACC4BB
BACEC6
C8D8D2
D6E1DD
E3EBE8
F1F5F4
FFFFFF

Tons (Tones) da Cor #306B55

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.

306B55
356C58
3B6E5B
406F5E
457160
4B7263
507366
557569
5B766C
60786F
657972
6B7A75
707C77
757D7A
7B7F7D
808080

Matizes (Hues) da Cor #306B55

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.

6A2F39
6A3D2F
6A542F
686A2F
506A2F
396A2F
2F6A3D
306B55
2F686A
2F506A
2F396A
3D2F6A
542F6A
6A2F68
6A2F50

Temperaturas da Cor #306B55

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.

456A2F
3D6A2F
346A2F
2F6A32
2F6A3B
2F6A43
2F6A4C
306B55
2F6A5C
2F6A65
2F676A
2F5E6A
2F566A
2F4D6A
2F456A

Harmonias da Cor #306B55

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.

2F6A37
306B55
2F626A

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.

306B55
6A2F45

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.

306B55
6A2F62
6A372F

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.

306B55
542F6A
6A542F

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.

306B55
2F456A
6A2F45
6A542F

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.

306B55
372F6A
6A2F45
626A2F

Simulador de Daltonismo da Cor #306B55

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

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

Deuteranopia

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

306B55
46425C
Visão Real da Cor
Visão da Cor com Deuteranopia

Tritanopia

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

306B55
335F5F
Visão Real da Cor
Visão da Cor com Tritanopia

Protanomalia

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

306B55
3B5758
Visão Real da Cor
Visão da Cor com Protanomalia

Deuteranomalia

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

306B55
3C5C58
Visão Real da Cor
Visão da Cor com Deuteranomalia

Tritanomalia

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

306B55
326559
Visão Real da Cor
Visão da Cor com Tritanomalia

Acromatopsia

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

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

Verificador de Contraste (WCAG) da Cor #306B55

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#306B55 • Contraste de cores
Contraste: 6.25: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#306B55 • 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