306B88

306B88

Exportar cor como imagem

O valor RGB da cor #306B88 é (48,107,136).

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

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

Conversões da Cor #306B88

HEX 306B88
RGB 48, 107, 136
CMYK 65, 21, 0, 47
HSB 200, 65, 53
HSL 200, 48, 36
LAB 42.64, -9.70, -21.70
LCH 42.64, 23.77, 245.92
XYZ 10.92, 12.92, 25.21
LUV 42.64, -23.30, -29.70
HWB 200, 19, 64

Variações da Cor #306B88

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

Sombras (Shades) da Cor #306B88

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

306B88
2D647F
2A5D76
26566D
234E64
20475B
1D4052
1A3949
16323F
132B36
10242D
0D1D24
0A151B
060E12
030709
000000

Tons Claros (Tints) da Cor #306B88

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.

306B88
3E7590
4C7F98
5989A0
6792A8
759CB0
83A6B8
91B0C0
9EBAC7
ACC4CF
BACED7
C8D8DF
D6E1E7
E3EBEF
F1F5F7
FFFFFF

Tons (Tones) da Cor #306B88

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.

306B88
356C87
3B6E87
406F86
457186
4B7285
507385
557584
5B7684
607883
657983
6B7A82
707C82
757D81
7B7F81
808080

Matizes (Hues) da Cor #306B88

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
306B88
304788
3B3088
5F3088
823088
88306A
883047
883B30

Temperaturas da Cor #306B88

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
306B88
305F88
305288
304688
303988
333088
403088
4D3088

Harmonias da Cor #306B88

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
306B88
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.

306B88
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.

306B88
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.

306B88
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.

306B88
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.

306B88
793088
884D30
3E8830

Simulador de Daltonismo da Cor #306B88

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

306B88
4A4A81
Visão Real da Cor
Visão da Cor com Protanopia

Deuteranopia

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

306B88
46427F
Visão Real da Cor
Visão da Cor com Deuteranopia

Tritanopia

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

306B88
337B7A
Visão Real da Cor
Visão da Cor com Tritanopia

Protanomalia

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

306B88
3B5784
Visão Real da Cor
Visão da Cor com Protanomalia

Deuteranomalia

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

306B88
3C5C84
Visão Real da Cor
Visão da Cor com Deuteranomalia

Tritanomalia

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

306B88
327383
Visão Real da Cor
Visão da Cor com Tritanomalia

Acromatopsia

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

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

Verificador de Contraste (WCAG) da Cor #306B88

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#306B88 • Contraste de cores
Contraste: 5.86: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#306B88 • Contraste de cores
Contraste: 3.58: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