Informação da cor #28c093

A cor hexadecimal 28c093 no modelo de cores RGB (Red, Green, Blue), é um composta por 40 de vermelho, 192 de verde e 147 de azul.

No padrão de cores CMYK, é composto por 79.2% de ciano, 0% de magenta, 23.4% de amarelo e 24.7% de preto. Tem um ângulo de matiz de 162.2 graus, uma saturação de 65.5% e uma leveza de 45.5%.

A cor mais próxima WebSafe é 009966.

Conversões de #28c093 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 28c093
RGB 40, 192, 147
RGB Percentagem 15.7%, 75.3%, 57.6%
CMYK 0.79, 0, 0.23, 0.25
HSL 162.2°, 65.5%, 45.5%
HSV (ou HSB) 162.2°, 79.2%, 75.3%
RYB 15.7, 51, 75.3
Formato Cor
XYZ 26.9, 42.7, 37.4
CIELab 71.37, -48.2, 10.55
Decimal 2670739
Yxy 40.2539, 0.2517, 0.4054
YUV 141.422, 131.1479, 55.659
CIELuv 69.65, -55.3193, 24.7188
Web Safe 009966

Distribuição de #28c093

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.

#28c093

#28c093
rgb(40,192,147)

#c02955

#c02955
rgb(192,41,85)

Cores triadicas

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

#9429c0

#9429c0
rgb(148,41,192)

#28c093

#28c093
rgb(40,192,147)

#c09429

#c09429
rgb(192,148,41)

Cores tetrádicas

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

#4829c0

#4829c0
rgb(72,41,192)

#28c093

#28c093
rgb(40,192,147)

#c02955

#c02955
rgb(192,41,85)

#a1c029

#a1c029
rgb(161,192,41)

Cores monocromáticas

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

#28c093

#28c093
rgb(40,192,147)

#97c0b4

#97c0b4
rgb(151,192,180)

#95c0b4

#95c0b4
rgb(149,192,180)

#93c0b3

#93c0b3
rgb(147,192,179)

#91c0b2

#91c0b2
rgb(145,192,178)

#8fc0b2

#8fc0b2
rgb(143,192,178)

Tons e Matizes de #28c093

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

Matiz (adicionando branco)
#28c093

#28c093
rgb(40,192,147)

#53cca8

#53cca8
rgb(83,204,168)

#7ed9be

#7ed9be
rgb(126,217,190)

#a9e5d3

#a9e5d3
rgb(169,229,211)

#d4f2e9

#d4f2e9
rgb(212,242,233)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#28c093

#28c093
rgb(40,192,147)

#209975

#209975
rgb(32,153,117)

#187358

#187358
rgb(24,115,88)

#0f4c3a

#0f4c3a
rgb(15,76,58)

#07261d

#07261d
rgb(7,38,29)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #28c093

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

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

Contraste

Branco e #28c093
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.

Preto e #28c093
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.

Exemplos CSS

Texto com cor hexadecimal #28c093

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

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

Este parágrafo tem fundo de cor #28c093.

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

Este elemento tem uma cor de borda de #28c093.

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

Cores alietórias

#d5ac03

#d5ac03
rgb(213,172,3)

#6b103e

#6b103e
rgb(107,16,62)

#678d42

#678d42
rgb(103,141,66)

#40d004

#40d004
rgb(64,208,4)

#38f7cd

#38f7cd
rgb(56,247,205)

#df553c

#df553c
rgb(223,85,60)

#1614e0

#1614e0
rgb(22,20,224)

#830351

#830351
rgb(131,3,81)

#2235b1

#2235b1
rgb(34,53,177)

#c80c2f

#c80c2f
rgb(200,12,47)

#a3da6e

#a3da6e
rgb(163,218,110)

#ac64aa

#ac64aa
rgb(172,100,170)