Informação da cor #26b0f4

A cor hexadecimal 26b0f4 no modelo de cores RGB (Red, Green, Blue), é um composta por 38 de vermelho, 176 de verde e 244 de azul.

No padrão de cores CMYK, é composto por 84.4% de ciano, 27.9% de magenta, 0% de amarelo e 4.3% de preto. Tem um ângulo de matiz de 199.8 graus, uma saturação de 90.4% e uma leveza de 55.3%.

A cor mais próxima WebSafe é 0099CC.

Conversões de #26b0f4 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 26b0f4
RGB 38, 176, 244
RGB Percentagem 14.9%, 69%, 95.7%
CMYK 0.84, 0.28, 0, 0.04
HSL 199.8°, 90.4%, 55.3%
HSV (ou HSB) 199.8°, 84.4%, 95.7%
RYB 14.9, 47.5, 95.7
Formato Cor
XYZ 34.2, 40.5, 92.3
CIELab 69.79, -14.07, -41.37
Decimal 2535668
Yxy 37.9902, 0.2018, 0.2348
YUV 142.49, 185.2856, 53.4708
CIELuv 68.0134, -43.1246, -69.0075
Web Safe 0099CC

Distribuição de #26b0f4

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.

#26b0f4

#26b0f4
rgb(38,176,244)

#f46b27

#f46b27
rgb(244,107,39)

Cores triadicas

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

#f427b0

#f427b0
rgb(244,39,176)

#26b0f4

#26b0f4
rgb(38,176,244)

#b0f427

#b0f427
rgb(176,244,39)

Cores tetrádicas

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

#d227f4

#d227f4
rgb(210,39,244)

#26b0f4

#26b0f4
rgb(38,176,244)

#f46b27

#f46b27
rgb(244,107,39)

#49f427

#49f427
rgb(73,244,39)

Cores monocromáticas

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

#26b0f4

#26b0f4
rgb(38,176,244)

#bfe3f4

#bfe3f4
rgb(191,227,244)

#bde2f4

#bde2f4
rgb(189,226,244)

#bae1f4

#bae1f4
rgb(186,225,244)

#b8e0f4

#b8e0f4
rgb(184,224,244)

#b5e0f4

#b5e0f4
rgb(181,224,244)

Tons e Matizes de #26b0f4

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

Matiz (adicionando branco)
#26b0f4

#26b0f4
rgb(38,176,244)

#51bff6

#51bff6
rgb(81,191,246)

#7ccff8

#7ccff8
rgb(124,207,248)

#a8dffa

#a8dffa
rgb(168,223,250)

#d3effc

#d3effc
rgb(211,239,252)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#26b0f4

#26b0f4
rgb(38,176,244)

#1e8cc3

#1e8cc3
rgb(30,140,195)

#166992

#166992
rgb(22,105,146)

#0f4661

#0f4661
rgb(15,70,97)

#072330

#072330
rgb(7,35,48)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #26b0f4

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

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

Contraste

Branco e #26b0f4
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 #26b0f4
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 #26b0f4

Este exemplo mostra como o texto na cor #26b0f4 se parece.

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

Este parágrafo tem fundo de cor #26b0f4.

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

Este elemento tem uma cor de borda de #26b0f4.

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

Cores alietórias

#9ef3ad

#9ef3ad
rgb(158,243,173)

#7a24f6

#7a24f6
rgb(122,36,246)

#a0c131

#a0c131
rgb(160,193,49)

#5ed580

#5ed580
rgb(94,213,128)

#f4382b

#f4382b
rgb(244,56,43)

#ed9416

#ed9416
rgb(237,148,22)

#bb7983

#bb7983
rgb(187,121,131)

#50a4fd

#50a4fd
rgb(80,164,253)

#17204a

#17204a
rgb(23,32,74)

#0d7c94

#0d7c94
rgb(13,124,148)

#b0c497

#b0c497
rgb(176,196,151)

#c67e85

#c67e85
rgb(198,126,133)