Informação da cor #243030

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

No padrão de cores CMYK, é composto por 25% de ciano, 0% de magenta, 0% de amarelo e 81.2% de preto. Tem um ângulo de matiz de 180 graus, uma saturação de 14.3% e uma leveza de 16.5%.

A cor mais próxima WebSafe é 000000.

Conversões de #243030 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 243030
RGB 36, 48, 48
RGB Percentagem 14.1%, 18.8%, 18.8%
CMYK 0.25, 0, 0, 0.81
HSL 180°, 14.3%, 16.5%
HSV (ou HSB) 180°, 25%, 18.8%
RYB 14.1, 16.5, 18.8
Formato Cor
XYZ 3.2, 3.7, 4.3
CIELab 22.47, -5.17, -1.72
Decimal 2371632
Yxy 2.7023, 0.2821, 0.3289
YUV 44.412, 130.0248, 122
CIELuv 18.8098, -5.1429, -1.1095
Web Safe 000000

Distribuição de #243030

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.

#243030

#243030
rgb(36,48,48)

#302424

#302424
rgb(48,36,36)

Cores triadicas

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

#302430

#302430
rgb(48,36,48)

#243030

#243030
rgb(36,48,48)

#303024

#303024
rgb(48,48,36)

Cores tetrádicas

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

#2a2430

#2a2430
rgb(42,36,48)

#243030

#243030
rgb(36,48,48)

#302424

#302424
rgb(48,36,36)

#2a3024

#2a3024
rgb(42,48,36)

Cores monocromáticas

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

#243030

#243030
rgb(36,48,48)

#263030

#263030
rgb(38,48,48)

#263030

#263030
rgb(38,48,48)

#253030

#253030
rgb(37,48,48)

#253030

#253030
rgb(37,48,48)

#243030

#243030
rgb(36,48,48)

Tons e Matizes de #243030

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

Matiz (adicionando branco)
#243030

#243030
rgb(36,48,48)

#4f5959

#4f5959
rgb(79,89,89)

#7b8282

#7b8282
rgb(123,130,130)

#a7acac

#a7acac
rgb(167,172,172)

#d3d5d5

#d3d5d5
rgb(211,213,213)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#243030

#243030
rgb(36,48,48)

#1c2626

#1c2626
rgb(28,38,38)

#151c1c

#151c1c
rgb(21,28,28)

#0e1313

#0e1313
rgb(14,19,19)

#070909

#070909
rgb(7,9,9)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #243030

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

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

Contraste

Branco e #243030
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 #243030
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 #243030

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

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

Este parágrafo tem fundo de cor #243030.

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

Este elemento tem uma cor de borda de #243030.

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

Cores alietórias

#3fa717

#3fa717
rgb(63,167,23)

#04de23

#04de23
rgb(4,222,35)

#8e6853

#8e6853
rgb(142,104,83)

#f913c0

#f913c0
rgb(249,19,192)

#14b1b5

#14b1b5
rgb(20,177,181)

#16a37c

#16a37c
rgb(22,163,124)

#a97cae

#a97cae
rgb(169,124,174)

#2e9f98

#2e9f98
rgb(46,159,152)

#52c340

#52c340
rgb(82,195,64)

#9e3eb9

#9e3eb9
rgb(158,62,185)

#ca257f

#ca257f
rgb(202,37,127)

#2be43e

#2be43e
rgb(43,228,62)