306C89

306C89

Exportar cor como imagem

O valor RGB da cor #306C89 é (48,108,137).

A cor hexadecimal #306C89 tem valor vermelho 48, valor verde 108 e valor azul 137 em seu RGB. Representações em coordenadas cilíndricas (HSL) da cor #306C89: matiz: 0,56, saturação: 0,48 e luminosidade: 0,36.

A cor correspondente ao código hexadecimal #306C89 é 0,65, 0,21, 0,00, 0,46. A cor segura para a web correspondente a #306C89 é #336699. A cor #306C89 contém principalmente a cor azul.

Conversões da Cor #306C89

HEX 306C89
RGB 48, 108, 137
CMYK 65, 21, 0, 46
HSB 200, 65, 54
HSL 200, 48, 36
LAB 43.00, -9.93, -21.74
LCH 43.00, 23.90, 245.45
XYZ 11.10, 13.16, 25.62
LUV 43.00, -23.62, -29.79
HWB 200, 19, 64

Variações da Cor #306C89

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

Sombras (Shades) da Cor #306C89

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

306C89
2D6580
2A5E77
26566E
234F64
20485B
1D4152
1A3A49
163240
132B37
10242E
0D1D25
0A161B
060E12
030709
000000

Tons Claros (Tints) da Cor #306C89

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.

306C89
3E7691
4C8099
5989A1
6793A8
759DB0
83A7B8
91B1C0
9EBAC8
ACC4D0
BACED8
C8D8E0
D6E2E7
E3EBEF
F1F5F7
FFFFFF

Tons (Tones) da Cor #306C89

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.

306C89
356D88
3B6F88
407087
457187
4B7386
507485
557585
5B7784
607884
657983
6B7B82
707C82
757D81
7B7F81
808080

Matizes (Hues) da Cor #306C89

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.

885F30
888230
6A8830
478830
30883B
30885F
308882
306C89
304788
3B3088
5F3088
823088
88306A
883047
883B30

Temperaturas da Cor #306C89

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.

30884D
308859
308866
308872
30887F
308588
307888
306C89
305F88
305288
304688
303988
333088
403088
4D3088

Harmonias da Cor #306C89

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.

308879
306C89
303E88

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.

306C89
884D30

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.

306C89
88303E
887930

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.

306C89
88306A
6A8830

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.

306C89
4D3088
884D30
6A8830

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.

306C89
793088
884D30
3E8830

Simulador de Daltonismo da Cor #306C89

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

306C89
4A4B82
Visão Real da Cor
Visão da Cor com Protanopia

Deuteranopia

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

306C89
474280
Visão Real da Cor
Visão da Cor com Deuteranopia

Tritanopia

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

306C89
337C7B
Visão Real da Cor
Visão da Cor com Tritanopia

Protanomalia

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

306C89
3B5885
Visão Real da Cor
Visão da Cor com Protanomalia

Deuteranomalia

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

306C89
3C5D85
Visão Real da Cor
Visão da Cor com Deuteranomalia

Tritanomalia

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

306C89
327484
Visão Real da Cor
Visão da Cor com Tritanomalia

Acromatopsia

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

306C89
5D5D5D
Visão Real da Cor
Visão da Cor com Acromatopsia

Verificador de Contraste (WCAG) da Cor #306C89

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#306C89 • Contraste de cores
Contraste: 5.78: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#306C89 • Contraste de cores
Contraste: 3.63: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