Informação da cor #30224d

A cor hexadecimal 30224d no modelo de cores RGB (Red, Green, Blue), é um composta por 48 de vermelho, 34 de verde e 77 de azul.

No padrão de cores CMYK, é composto por 37.7% de ciano, 55.8% de magenta, 0% de amarelo e 69.8% de preto. Tem um ângulo de matiz de 259.5 graus, uma saturação de 38.7% e uma leveza de 21.8%.

A cor mais próxima WebSafe é 000033.

Conversões de #30224d 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 30224d
RGB 48, 34, 77
RGB Percentagem 18.8%, 13.3%, 30.2%
CMYK 0.38, 0.56, 0, 0.7
HSL 259.5°, 38.7%, 21.8%
HSV (ou HSB) 259.5°, 55.8%, 30.2%
RYB 18.8, 13.3, 30.2
Formato Cor
XYZ 4.1, 3.1, 9.1
CIELab 20.53, 17.98, -24.48
Decimal 3154509
Yxy 2.3082, 0.2457, 0.1812
YUV 43.088, 147.1377, 131.5036
CIELuv 17.0281, 2.6669, -26.5857
Web Safe 000033

Distribuição de #30224d

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.

#30224d

#30224d
rgb(48,34,77)

#404d22

#404d22
rgb(64,77,34)

Cores triadicas

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

#4d3022

#4d3022
rgb(77,48,34)

#30224d

#30224d
rgb(48,34,77)

#224d30

#224d30
rgb(34,77,48)

Cores tetrádicas

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

#4d222a

#4d222a
rgb(77,34,42)

#30224d

#30224d
rgb(48,34,77)

#404d22

#404d22
rgb(64,77,34)

#224d46

#224d46
rgb(34,77,70)

Cores monocromáticas

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

#30224d

#30224d
rgb(48,34,77)

#423d4d

#423d4d
rgb(66,61,77)

#423c4d

#423c4d
rgb(66,60,77)

#413b4d

#413b4d
rgb(65,59,77)

#413b4d

#413b4d
rgb(65,59,77)

#403a4d

#403a4d
rgb(64,58,77)

Tons e Matizes de #30224d

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

Matiz (adicionando branco)
#30224d

#30224d
rgb(48,34,77)

#594e70

#594e70
rgb(89,78,112)

#827a94

#827a94
rgb(130,122,148)

#aca6b7

#aca6b7
rgb(172,166,183)

#d5d2db

#d5d2db
rgb(213,210,219)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#30224d

#30224d
rgb(48,34,77)

#261b3d

#261b3d
rgb(38,27,61)

#1c142e

#1c142e
rgb(28,20,46)

#130d1e

#130d1e
rgb(19,13,30)

#09060f

#09060f
rgb(9,6,15)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #30224d

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

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

Contraste

Branco e #30224d
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA ✓ Conforme

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

Preto e #30224d
Texto grande WCAG AA X Não 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.

Exemplos CSS

Texto com cor hexadecimal #30224d

Este exemplo mostra como o texto na cor #30224d se parece.

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

Este parágrafo tem fundo de cor #30224d.

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

Este elemento tem uma cor de borda de #30224d.

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

Cores alietórias

#daacbc

#daacbc
rgb(218,172,188)

#c48bf5

#c48bf5
rgb(196,139,245)

#3f128d

#3f128d
rgb(63,18,141)

#3c8f30

#3c8f30
rgb(60,143,48)

#242b89

#242b89
rgb(36,43,137)

#ec8e98

#ec8e98
rgb(236,142,152)

#6c554c

#6c554c
rgb(108,85,76)

#e1fa75

#e1fa75
rgb(225,250,117)

#d7c36a

#d7c36a
rgb(215,195,106)

#17bb48

#17bb48
rgb(23,187,72)

#41e273

#41e273
rgb(65,226,115)

#2eacfb

#2eacfb
rgb(46,172,251)