Informação da cor #2de9f2

A cor hexadecimal 2de9f2 no modelo de cores RGB (Red, Green, Blue), é um composta por 45 de vermelho, 233 de verde e 242 de azul.

No padrão de cores CMYK, é composto por 81.4% de ciano, 3.7% de magenta, 0% de amarelo e 5.1% de preto. Tem um ângulo de matiz de 182.7 graus, uma saturação de 88.3% e uma leveza de 56.3%.

A cor mais próxima WebSafe é 00CCCC.

Conversões de #2de9f2 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 2de9f2
RGB 45, 233, 242
RGB Percentagem 17.6%, 91.4%, 94.9%
CMYK 0.81, 0.04, 0, 0.05
HSL 182.7°, 88.3%, 56.3%
HSV (ou HSB) 182.7°, 81.4%, 94.9%
RYB 17.6, 55.7, 94.9
Formato Cor
XYZ 47.3, 66.5, 95.2
CIELab 85.26, -40.25, -16.65
Decimal 3009010
Yxy 65.2406, 0.2249, 0.3173
YUV 177.814, 164.2224, 33.2682
CIELuv 84.6076, -61.9822, -21.1018
Web Safe 00CCCC

Distribuição de #2de9f2

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.

#2de9f2

#2de9f2
rgb(45,233,242)

#f2372d

#f2372d
rgb(242,55,45)

Cores triadicas

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

#f22de9

#f22de9
rgb(242,45,233)

#2de9f2

#2de9f2
rgb(45,233,242)

#e9f22d

#e9f22d
rgb(233,242,45)

Cores tetrádicas

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

#992df2

#992df2
rgb(153,45,242)

#2de9f2

#2de9f2
rgb(45,233,242)

#f2372d

#f2372d
rgb(242,55,45)

#87f22d

#87f22d
rgb(135,242,45)

Cores monocromáticas

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

#2de9f2

#2de9f2
rgb(45,233,242)

#bef0f2

#bef0f2
rgb(190,240,242)

#bbf0f2

#bbf0f2
rgb(187,240,242)

#b9f0f2

#b9f0f2
rgb(185,240,242)

#b6f0f2

#b6f0f2
rgb(182,240,242)

#b4f0f2

#b4f0f2
rgb(180,240,242)

Tons e Matizes de #2de9f2

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

Matiz (adicionando branco)
#2de9f2

#2de9f2
rgb(45,233,242)

#57edf4

#57edf4
rgb(87,237,244)

#81f1f7

#81f1f7
rgb(129,241,247)

#abf6f9

#abf6f9
rgb(171,246,249)

#d5fafc

#d5fafc
rgb(213,250,252)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#2de9f2

#2de9f2
rgb(45,233,242)

#24bac1

#24bac1
rgb(36,186,193)

#1b8b91

#1b8b91
rgb(27,139,145)

#115d60

#115d60
rgb(17,93,96)

#082e30

#082e30
rgb(8,46,48)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #2de9f2

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

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

Contraste

Branco e #2de9f2
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 #2de9f2
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 #2de9f2

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

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

Este parágrafo tem fundo de cor #2de9f2.

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

Este elemento tem uma cor de borda de #2de9f2.

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

Cores alietórias

#2e180c

#2e180c
rgb(46,24,12)

#d184d0

#d184d0
rgb(209,132,208)

#da3e0f

#da3e0f
rgb(218,62,15)

#02e9bb

#02e9bb
rgb(2,233,187)

#cc8a4e

#cc8a4e
rgb(204,138,78)

#608991

#608991
rgb(96,137,145)

#90d404

#90d404
rgb(144,212,4)

#c4b9d7

#c4b9d7
rgb(196,185,215)

#0672cc

#0672cc
rgb(6,114,204)

#489272

#489272
rgb(72,146,114)

#511494

#511494
rgb(81,20,148)

#5aac5f

#5aac5f
rgb(90,172,95)