Informação da cor #378a5b

A cor hexadecimal 378a5b no modelo de cores RGB (Red, Green, Blue), é um composta por 55 de vermelho, 138 de verde e 91 de azul.

No padrão de cores CMYK, é composto por 60.1% de ciano, 0% de magenta, 34.1% de amarelo e 45.9% de preto. Tem um ângulo de matiz de 146 graus, uma saturação de 43% e uma leveza de 37.8%.

A cor mais próxima WebSafe é 336633.

Conversões de #378a5b num outro espaço de cores

Aqui você vê sua cor convertida em 14 formatos de cores diferentes, como RGB, CMYK, HSV, HSL, CIELab, Decimal, YUV e outros.
Formato Cor
Hex 378a5b
RGB 55, 138, 91
RGB Percentagem 21.6%, 54.1%, 35.7%
CMYK 0.6, 0, 0.34, 0.46
HSL 146°, 43%, 37.8%
HSV (ou HSB) 146°, 60.1%, 54.1%
RYB 21.6, 44.3, 54.1
Formato Cor
XYZ 14.5, 22.4, 15.5
CIELab 54.4, -36.07, 16.97
Decimal 3639899
Yxy 19.7433, 0.2768, 0.4355
YUV 107.825, 118.5051, 90.3217
CIELuv 51.5457, -35.8526, 28.4843
Web Safe 336633

Distribuição de #378a5b

RGB
RYB
CMYK
CMY

Harmonia de cores

Cores complementares

É a harmonia que ocorre quando combinamos cores opostas na roda das cores. Em outras palavras, são cores que se encontram simétricas com respeito ao centro da roda. O Matiz varia em 180 º entre uma e outra.

#378a5b

#378a5b
rgb(55,138,91)

#8a3767

#8a3767
rgb(138,55,103)

Cores triadicas

É a harmonia onde usamos três cores equidistantes no circulo cromático. Por exemplo azul, amarelo e vermelho.

#5b378a

#5b378a
rgb(91,55,138)

#378a5b

#378a5b
rgb(55,138,91)

#8a5b37

#8a5b37
rgb(138,91,55)

Cores tetrádicas

Como o nome indica, refere-se a harmonia conseguida por dois pares de cores complementares entre si.

#373d8a

#373d8a
rgb(55,61,138)

#378a5b

#378a5b
rgb(55,138,91)

#8a3767

#8a3767
rgb(138,55,103)

#8a8537

#8a8537
rgb(138,133,55)

Cores monocromáticas

É a harmonia resultante de uma mesma cor da roda das cores. As tonalidades podem mudar, mas todas ficam no mesmo matiz.

#378a5b

#378a5b
rgb(55,138,91)

#6d8a7a

#6d8a7a
rgb(109,138,122)

#6b8a79

#6b8a79
rgb(107,138,121)

#6a8a78

#6a8a78
rgb(106,138,120)

#698a77

#698a77
rgb(105,138,119)

#678a76

#678a76
rgb(103,138,118)

Tons e Matizes de #378a5b

É possível obter uma sombra adicionando preto a qualquer matiz puro, enquanto um matiz é criado misturando branco a qualquer cor pura.

Matiz (adicionando branco)
#378a5b

#378a5b
rgb(55,138,91)

#5fa17b

#5fa17b
rgb(95,161,123)

#87b89c

#87b89c
rgb(135,184,156)

#afd0bd

#afd0bd
rgb(175,208,189)

#d7e7de

#d7e7de
rgb(215,231,222)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#378a5b

#378a5b
rgb(55,138,91)

#2c6e48

#2c6e48
rgb(44,110,72)

#215236

#215236
rgb(33,82,54)

#153724

#153724
rgb(21,55,36)

#0a1b12

#0a1b12
rgb(10,27,18)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

Esta visualização mostra como a cor #378a5b fica em um fundo branco.

Fundo preto

Esta visualização mostra como a cor #378a5b fica em um fundo preto.

Fundo de cor #378a5b

Esta visualização mostra como a cor branca fica em um fundo #378a5b.

Esta visualização mostra como a cor preta fica em um fundo #378a5b.

Contraste

Branco e #378a5b
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA X Não conforme
Texto grande WCAG AAA X Não conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Preto e #378a5b
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #378a5b

Este exemplo mostra como o texto na cor #378a5b se parece.

<span style="color:#378a5b;">Aqui fica o texto.</span>
Cor de fundo #378a5b

Este parágrafo tem fundo de cor #378a5b.

<p style="background-color:#378a5b;">O conteúdo fica aqui.</p>
Borda de cor #000bef

Este elemento tem uma cor de borda de #378a5b.

<div style="border:1px solid #000bef;">Conteúdo fica aqui</div>
Códigos CSS
.text {color:#378a5b;}
.background {background-color:#378a5b;}
.border {border:1px solid #378a5b;}

Cores alietórias

#c82198

#c82198
rgb(200,33,152)

#181dc9

#181dc9
rgb(24,29,201)

#2b9e10

#2b9e10
rgb(43,158,16)

#90a93c

#90a93c
rgb(144,169,60)

#336737

#336737
rgb(51,103,55)

#8d7e15

#8d7e15
rgb(141,126,21)

#b9aea0

#b9aea0
rgb(185,174,160)

#3d61ec

#3d61ec
rgb(61,97,236)

#0a873d

#0a873d
rgb(10,135,61)

#79894d

#79894d
rgb(121,137,77)

#621262

#621262
rgb(98,18,98)

#e57adc

#e57adc
rgb(229,122,220)