Informação da cor #28ecdd

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

No padrão de cores CMYK, é composto por 83.1% de ciano, 0% de magenta, 6.4% de amarelo e 7.5% de preto. Tem um ângulo de matiz de 175.4 graus, uma saturação de 83.8% e uma leveza de 54.1%.

A cor mais próxima WebSafe é 00CCCC.

Conversões de #28ecdd 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 28ecdd
RGB 40, 236, 221
RGB Percentagem 15.7%, 92.5%, 86.7%
CMYK 0.83, 0, 0.06, 0.07
HSL 175.4°, 83.8%, 54.1%
HSV (ou HSB) 175.4°, 83.1%, 92.6%
RYB 15.7, 55.7, 92.5
Formato Cor
XYZ 45.1, 66.9, 80.8
CIELab 85.43, -47.37, -6.18
Decimal 2682077
Yxy 65.6568, 0.2332, 0.3486
YUV 175.686, 153.5723, 31.2197
CIELuv 84.8211, -65.0353, -1.3457
Web Safe 00CCCC

Distribuição de #28ecdd

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.

#28ecdd

#28ecdd
rgb(40,236,221)

#ec2838

#ec2838
rgb(236,40,56)

Cores triadicas

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

#dd28ec

#dd28ec
rgb(221,40,236)

#28ecdd

#28ecdd
rgb(40,236,221)

#ecdd28

#ecdd28
rgb(236,221,40)

Cores tetrádicas

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

#7b28ec

#7b28ec
rgb(123,40,236)

#28ecdd

#28ecdd
rgb(40,236,221)

#ec2838

#ec2838
rgb(236,40,56)

#9aec28

#9aec28
rgb(154,236,40)

Cores monocromáticas

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

#28ecdd

#28ecdd
rgb(40,236,221)

#b9ece9

#b9ece9
rgb(185,236,233)

#b7ece8

#b7ece8
rgb(183,236,232)

#b4ece8

#b4ece8
rgb(180,236,232)

#b2ece8

#b2ece8
rgb(178,236,232)

#b0ece8

#b0ece8
rgb(176,236,232)

Tons e Matizes de #28ecdd

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

Matiz (adicionando branco)
#28ecdd

#28ecdd
rgb(40,236,221)

#53efe3

#53efe3
rgb(83,239,227)

#7ef3ea

#7ef3ea
rgb(126,243,234)

#a9f7f1

#a9f7f1
rgb(169,247,241)

#d4fbf8

#d4fbf8
rgb(212,251,248)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#28ecdd

#28ecdd
rgb(40,236,221)

#20bcb0

#20bcb0
rgb(32,188,176)

#188d84

#188d84
rgb(24,141,132)

#0f5e58

#0f5e58
rgb(15,94,88)

#072f2c

#072f2c
rgb(7,47,44)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #28ecdd

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#6c146d

#6c146d
rgb(108,20,109)

#c60b15

#c60b15
rgb(198,11,21)

#7ce273

#7ce273
rgb(124,226,115)

#239500

#239500
rgb(35,149,0)

#6b43dc

#6b43dc
rgb(107,67,220)

#69757d

#69757d
rgb(105,117,125)

#17b970

#17b970
rgb(23,185,112)

#303db5

#303db5
rgb(48,61,181)

#520d7e

#520d7e
rgb(82,13,126)

#cee331

#cee331
rgb(206,227,49)

#e7b1b0

#e7b1b0
rgb(231,177,176)

#1b7cde

#1b7cde
rgb(27,124,222)