Informação da cor #145b2a

A cor hexadecimal 145b2a no modelo de cores RGB (Red, Green, Blue), é um composta por 20 de vermelho, 91 de verde e 42 de azul.

No padrão de cores CMYK, é composto por 78% de ciano, 0% de magenta, 53.8% de amarelo e 64.3% de preto. Tem um ângulo de matiz de 138.6 graus, uma saturação de 64% e uma leveza de 21.8%.

A cor mais próxima WebSafe é 003300.

Conversões de #145b2a 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 145b2a
RGB 20, 91, 42
RGB Percentagem 7.8%, 35.7%, 16.5%
CMYK 0.78, 0, 0.54, 0.64
HSL 138.6°, 64%, 21.8%
HSV (ou HSB) 138.6°, 78%, 35.7%
RYB 7.8, 29.4, 35.7
Formato Cor
XYZ 5.5, 9.5, 4.5
CIELab 36.9, -34.35, 21.87
Decimal 1334058
Yxy 7.7976, 0.2832, 0.4965
YUV 64.185, 115.4803, 96.4843
CIELuv 33.5577, -27.4253, 27.986
Web Safe 003300

Distribuição de #145b2a

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.

#145b2a

#145b2a
rgb(20,91,42)

#5b1445

#5b1445
rgb(91,20,69)

Cores triadicas

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

#2b145b

#2b145b
rgb(43,20,91)

#145b2a

#145b2a
rgb(20,91,42)

#5b2b14

#5b2b14
rgb(91,43,20)

Cores tetrádicas

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

#14225b

#14225b
rgb(20,34,91)

#145b2a

#145b2a
rgb(20,91,42)

#5b1445

#5b1445
rgb(91,20,69)

#5b4e14

#5b4e14
rgb(91,78,20)

Cores monocromáticas

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

#145b2a

#145b2a
rgb(20,91,42)

#485b4e

#485b4e
rgb(72,91,78)

#475b4d

#475b4d
rgb(71,91,77)

#465b4d

#465b4d
rgb(70,91,77)

#455b4c

#455b4c
rgb(69,91,76)

#445b4b

#445b4b
rgb(68,91,75)

Tons e Matizes de #145b2a

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

Matiz (adicionando branco)
#145b2a

#145b2a
rgb(20,91,42)

#437b54

#437b54
rgb(67,123,84)

#729c7f

#729c7f
rgb(114,156,127)

#a1bda9

#a1bda9
rgb(161,189,169)

#d0ded4

#d0ded4
rgb(208,222,212)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#145b2a

#145b2a
rgb(20,91,42)

#104821

#104821
rgb(16,72,33)

#0c3619

#0c3619
rgb(12,54,25)

#072410

#072410
rgb(7,36,16)

#031208

#031208
rgb(3,18,8)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #145b2a

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

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

Contraste

Branco e #145b2a
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 #145b2a
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 #145b2a

Este exemplo mostra como o texto na cor #145b2a se parece.

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

Este parágrafo tem fundo de cor #145b2a.

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

Este elemento tem uma cor de borda de #145b2a.

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

Cores alietórias

#be5033

#be5033
rgb(190,80,51)

#ddf3c1

#ddf3c1
rgb(221,243,193)

#03bbb6

#03bbb6
rgb(3,187,182)

#c4ca9b

#c4ca9b
rgb(196,202,155)

#ce8df8

#ce8df8
rgb(206,141,248)

#f69bee

#f69bee
rgb(246,155,238)

#69c278

#69c278
rgb(105,194,120)

#6eee1a

#6eee1a
rgb(110,238,26)

#d21334

#d21334
rgb(210,19,52)

#211efd

#211efd
rgb(33,30,253)

#505d05

#505d05
rgb(80,93,5)

#ec4669

#ec4669
rgb(236,70,105)