Informação da cor #36cbe4

A cor hexadecimal 36cbe4 no modelo de cores RGB (Red, Green, Blue), é um composta por 54 de vermelho, 203 de verde e 228 de azul.

No padrão de cores CMYK, é composto por 76.3% de ciano, 11% de magenta, 0% de amarelo e 10.6% de preto. Tem um ângulo de matiz de 188.6 graus, uma saturação de 76.3% e uma leveza de 55.3%.

A cor mais próxima WebSafe é 3399CC.

Conversões de #36cbe4 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 36cbe4
RGB 54, 203, 228
RGB Percentagem 21.2%, 79.6%, 89.4%
CMYK 0.76, 0.11, 0, 0.11
HSL 188.6°, 76.3%, 55.3%
HSV (ou HSB) 188.6°, 76.3%, 89.4%
RYB 21.2, 52.9, 89.4
Formato Cor
XYZ 38.6, 51.3, 82.8
CIELab 76.88, -30.1, -22.43
Decimal 3591140
Yxy 49.0931, 0.221, 0.2942
YUV 161.299, 165.6417, 51.4672
CIELuv 75.5092, -51.6982, -32.85
Web Safe 3399CC

Distribuição de #36cbe4

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.

#36cbe4

#36cbe4
rgb(54,203,228)

#e45036

#e45036
rgb(228,80,54)

Cores triadicas

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

#e436cb

#e436cb
rgb(228,54,203)

#36cbe4

#36cbe4
rgb(54,203,228)

#cbe436

#cbe436
rgb(203,228,54)

Cores tetrádicas

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

#a736e4

#a736e4
rgb(167,54,228)

#36cbe4

#36cbe4
rgb(54,203,228)

#e45036

#e45036
rgb(228,80,54)

#74e436

#74e436
rgb(116,228,54)

Cores monocromáticas

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

#36cbe4

#36cbe4
rgb(54,203,228)

#b3dde4

#b3dde4
rgb(179,221,228)

#b1dde4

#b1dde4
rgb(177,221,228)

#aedde4

#aedde4
rgb(174,221,228)

#acdce4

#acdce4
rgb(172,220,228)

#aadce4

#aadce4
rgb(170,220,228)

Tons e Matizes de #36cbe4

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

Matiz (adicionando branco)
#36cbe4

#36cbe4
rgb(54,203,228)

#5ed5e9

#5ed5e9
rgb(94,213,233)

#86dfee

#86dfee
rgb(134,223,238)

#aeeaf4

#aeeaf4
rgb(174,234,244)

#d6f4f9

#d6f4f9
rgb(214,244,249)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#36cbe4

#36cbe4
rgb(54,203,228)

#2ba2b6

#2ba2b6
rgb(43,162,182)

#207988

#207988
rgb(32,121,136)

#15515b

#15515b
rgb(21,81,91)

#0a282d

#0a282d
rgb(10,40,45)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #36cbe4

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

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

Contraste

Branco e #36cbe4
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 #36cbe4
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 #36cbe4

Este exemplo mostra como o texto na cor #36cbe4 se parece.

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

Este parágrafo tem fundo de cor #36cbe4.

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

Este elemento tem uma cor de borda de #36cbe4.

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

Cores alietórias

#c44413

#c44413
rgb(196,68,19)

#e4439a

#e4439a
rgb(228,67,154)

#fdddae

#fdddae
rgb(253,221,174)

#a7cfd4

#a7cfd4
rgb(167,207,212)

#4ae651

#4ae651
rgb(74,230,81)

#521bda

#521bda
rgb(82,27,218)

#468382

#468382
rgb(70,131,130)

#25b6aa

#25b6aa
rgb(37,182,170)

#756478

#756478
rgb(117,100,120)

#fad441

#fad441
rgb(250,212,65)

#979083

#979083
rgb(151,144,131)

#1f5f1a

#1f5f1a
rgb(31,95,26)