Informação da cor #2bf3e6

A cor hexadecimal 2bf3e6 no modelo de cores RGB (Red, Green, Blue), é um composta por 43 de vermelho, 243 de verde e 230 de azul.

No padrão de cores CMYK, é composto por 82.3% de ciano, 0% de magenta, 5.3% de amarelo e 4.7% de preto. Tem um ângulo de matiz de 176.1 graus, uma saturação de 89.3% e uma leveza de 56.1%.

A cor mais próxima WebSafe é 00CCCC.

Conversões de #2bf3e6 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 2bf3e6
RGB 43, 243, 230
RGB Percentagem 16.9%, 95.3%, 90.2%
CMYK 0.82, 0, 0.05, 0.05
HSL 176.1°, 89.3%, 56.1%
HSV (ou HSB) 176.1°, 82.3%, 95.3%
RYB 16.9, 57.6, 95.3
Formato Cor
XYZ 48.3, 71.2, 87.5
CIELab 87.59, -47.6, -7.36
Decimal 2880486
Yxy 70.3219, 0.2325, 0.3454
YUV 181.718, 155.2472, 29.0571
CIELuv 87.1545, -66.4487, -3.3396
Web Safe 00CCCC

Distribuição de #2bf3e6

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.

#2bf3e6

#2bf3e6
rgb(43,243,230)

#f32b39

#f32b39
rgb(243,43,57)

Cores triadicas

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

#e62bf3

#e62bf3
rgb(230,43,243)

#2bf3e6

#2bf3e6
rgb(43,243,230)

#f3e62b

#f3e62b
rgb(243,230,43)

Cores tetrádicas

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

#822bf3

#822bf3
rgb(130,43,243)

#2bf3e6

#2bf3e6
rgb(43,243,230)

#f32b39

#f32b39
rgb(243,43,57)

#9df32b

#9df32b
rgb(157,243,43)

Cores monocromáticas

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

#2bf3e6

#2bf3e6
rgb(43,243,230)

#bef3f0

#bef3f0
rgb(190,243,240)

#bcf3f0

#bcf3f0
rgb(188,243,240)

#baf3f0

#baf3f0
rgb(186,243,240)

#b7f3f0

#b7f3f0
rgb(183,243,240)

#b5f3ef

#b5f3ef
rgb(181,243,239)

Tons e Matizes de #2bf3e6

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

Matiz (adicionando branco)
#2bf3e6

#2bf3e6
rgb(43,243,230)

#55f5eb

#55f5eb
rgb(85,245,235)

#7ff7f0

#7ff7f0
rgb(127,247,240)

#aafaf5

#aafaf5
rgb(170,250,245)

#d4fcfa

#d4fcfa
rgb(212,252,250)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#2bf3e6

#2bf3e6
rgb(43,243,230)

#22c2b8

#22c2b8
rgb(34,194,184)

#19918a

#19918a
rgb(25,145,138)

#11615b

#11615b
rgb(17,97,91)

#08302d

#08302d
rgb(8,48,45)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #2bf3e6

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#c9d80d

#c9d80d
rgb(201,216,13)

#e87584

#e87584
rgb(232,117,132)

#d933b8

#d933b8
rgb(217,51,184)

#013fbf

#013fbf
rgb(1,63,191)

#e22627

#e22627
rgb(226,38,39)

#e4ad72

#e4ad72
rgb(228,173,114)

#7bd51f

#7bd51f
rgb(123,213,31)

#3dea3d

#3dea3d
rgb(61,234,61)

#553c17

#553c17
rgb(85,60,23)

#b1bed1

#b1bed1
rgb(177,190,209)

#457425

#457425
rgb(69,116,37)

#8823ea

#8823ea
rgb(136,35,234)