Informação da cor #15f5ec

A cor hexadecimal 15f5ec no modelo de cores RGB (Red, Green, Blue), é um composta por 21 de vermelho, 245 de verde e 236 de azul.

No padrão de cores CMYK, é composto por 91.4% de ciano, 0% de magenta, 3.7% de amarelo e 3.9% de preto. Tem um ângulo de matiz de 177.6 graus, uma saturação de 91.8% e uma leveza de 52.2%.

A cor mais próxima WebSafe é 00CCCC.

Conversões de #15f5ec 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 15f5ec
RGB 21, 245, 236
RGB Percentagem 8.2%, 96.1%, 92.5%
CMYK 0.91, 0, 0.04, 0.04
HSL 177.6°, 91.8%, 52.2%
HSV (ou HSB) 177.6°, 91.4%, 96.1%
RYB 8.2, 53.3, 96.1
Formato Cor
XYZ 48.7, 72.2, 91.9
CIELab 88.06, -48.35, -9.58
Decimal 1439212
Yxy 71.514, 0.2288, 0.3402
YUV 176.998, 161.2969, 16.7318
CIELuv 87.7341, -68.0901, -7.0387
Web Safe 00CCCC

Distribuição de #15f5ec

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.

#15f5ec

#15f5ec
rgb(21,245,236)

#f5161e

#f5161e
rgb(245,22,30)

Cores triadicas

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

#ed16f5

#ed16f5
rgb(237,22,245)

#15f5ec

#15f5ec
rgb(21,245,236)

#f5ed16

#f5ed16
rgb(245,237,22)

Cores tetrádicas

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

#7d16f5

#7d16f5
rgb(125,22,245)

#15f5ec

#15f5ec
rgb(21,245,236)

#f5161e

#f5161e
rgb(245,22,30)

#8ef516

#8ef516
rgb(142,245,22)

Cores monocromáticas

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

#15f5ec

#15f5ec
rgb(21,245,236)

#c0f5f3

#c0f5f3
rgb(192,245,243)

#bdf5f3

#bdf5f3
rgb(189,245,243)

#bbf5f3

#bbf5f3
rgb(187,245,243)

#b8f5f3

#b8f5f3
rgb(184,245,243)

#b6f5f3

#b6f5f3
rgb(182,245,243)

Tons e Matizes de #15f5ec

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

Matiz (adicionando branco)
#15f5ec

#15f5ec
rgb(21,245,236)

#43f7ef

#43f7ef
rgb(67,247,239)

#72f9f3

#72f9f3
rgb(114,249,243)

#a1fbf7

#a1fbf7
rgb(161,251,247)

#d0fdfb

#d0fdfb
rgb(208,253,251)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#15f5ec

#15f5ec
rgb(21,245,236)

#10c4bc

#10c4bc
rgb(16,196,188)

#0c938d

#0c938d
rgb(12,147,141)

#08615e

#08615e
rgb(8,97,94)

#04302f

#04302f
rgb(4,48,47)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #15f5ec

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

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

Contraste

Branco e #15f5ec
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 #15f5ec
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 #15f5ec

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

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

Este parágrafo tem fundo de cor #15f5ec.

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

Este elemento tem uma cor de borda de #15f5ec.

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

Cores alietórias

#7c898e

#7c898e
rgb(124,137,142)

#4a5a96

#4a5a96
rgb(74,90,150)

#ac53e3

#ac53e3
rgb(172,83,227)

#c583af

#c583af
rgb(197,131,175)

#986527

#986527
rgb(152,101,39)

#3ffe46

#3ffe46
rgb(63,254,70)

#203c53

#203c53
rgb(32,60,83)

#4b9298

#4b9298
rgb(75,146,152)

#976214

#976214
rgb(151,98,20)

#8aa2b7

#8aa2b7
rgb(138,162,183)

#7eb479

#7eb479
rgb(126,180,121)

#f94d43

#f94d43
rgb(249,77,67)