Informação da cor #30863f

A cor hexadecimal 30863f no modelo de cores RGB (Red, Green, Blue), é um composta por 48 de vermelho, 134 de verde e 63 de azul.

No padrão de cores CMYK, é composto por 64.2% de ciano, 0% de magenta, 53% de amarelo e 47.5% de preto. Tem um ângulo de matiz de 130.5 graus, uma saturação de 47.3% e uma leveza de 35.7%.

A cor mais próxima WebSafe é 006633.

Conversões de #30863f 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 30863f
RGB 48, 134, 63
RGB Percentagem 18.8%, 52.5%, 24.7%
CMYK 0.64, 0, 0.53, 0.47
HSL 130.5°, 47.3%, 35.7%
HSV (ou HSB) 130.5°, 64.2%, 52.6%
RYB 18.8, 47.8, 52.5
Formato Cor
XYZ 12.4, 20.5, 9.4
CIELab 52.42, -41.36, 29.74
Decimal 3180095
Yxy 18.0364, 0.2931, 0.4969
YUV 100.192, 107.0113, 90.7732
CIELuv 49.5402, -37.2617, 42.2108
Web Safe 006633

Distribuição de #30863f

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.

#30863f

#30863f
rgb(48,134,63)

#863078

#863078
rgb(134,48,120)

Cores triadicas

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

#3f3086

#3f3086
rgb(63,48,134)

#30863f

#30863f
rgb(48,134,63)

#863f30

#863f30
rgb(134,63,48)

Cores tetrádicas

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

#304d86

#304d86
rgb(48,77,134)

#30863f

#30863f
rgb(48,134,63)

#863078

#863078
rgb(134,48,120)

#866a30

#866a30
rgb(134,106,48)

Cores monocromáticas

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

#30863f

#30863f
rgb(48,134,63)

#69866f

#69866f
rgb(105,134,111)

#68866d

#68866d
rgb(104,134,109)

#67866c

#67866c
rgb(103,134,108)

#65866b

#65866b
rgb(101,134,107)

#64866a

#64866a
rgb(100,134,106)

Tons e Matizes de #30863f

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

Matiz (adicionando branco)
#30863f

#30863f
rgb(48,134,63)

#599e65

#599e65
rgb(89,158,101)

#82b68b

#82b68b
rgb(130,182,139)

#acceb2

#acceb2
rgb(172,206,178)

#d5e6d8

#d5e6d8
rgb(213,230,216)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#30863f

#30863f
rgb(48,134,63)

#266b32

#266b32
rgb(38,107,50)

#1c5025

#1c5025
rgb(28,80,37)

#133519

#133519
rgb(19,53,25)

#091a0c

#091a0c
rgb(9,26,12)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #30863f

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

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

Contraste

Branco e #30863f
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.

Preto e #30863f
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 #30863f

Este exemplo mostra como o texto na cor #30863f se parece.

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

Este parágrafo tem fundo de cor #30863f.

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

Este elemento tem uma cor de borda de #30863f.

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

Cores alietórias

#71644a

#71644a
rgb(113,100,74)

#a6bd3e

#a6bd3e
rgb(166,189,62)

#752923

#752923
rgb(117,41,35)

#3db280

#3db280
rgb(61,178,128)

#3023f1

#3023f1
rgb(48,35,241)

#a75daf

#a75daf
rgb(167,93,175)

#a7dcdb

#a7dcdb
rgb(167,220,219)

#8abe0b

#8abe0b
rgb(138,190,11)

#04032a

#04032a
rgb(4,3,42)

#1a9e8e

#1a9e8e
rgb(26,158,142)

#a730a1

#a730a1
rgb(167,48,161)

#20ae2d

#20ae2d
rgb(32,174,45)