Informação da cor #5bed96

A cor hexadecimal 5bed96 no modelo de cores RGB (Red, Green, Blue), é um composta por 91 de vermelho, 237 de verde e 150 de azul.

No padrão de cores CMYK, é composto por 61.6% de ciano, 0% de magenta, 36.7% de amarelo e 7.1% de preto. Tem um ângulo de matiz de 144.3 graus, uma saturação de 80.2% e uma leveza de 64.3%.

A cor mais próxima WebSafe é 33CC66.

Conversões de #5bed96 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 5bed96
RGB 91, 237, 150
RGB Percentagem 35.7%, 92.9%, 58.8%
CMYK 0.62, 0, 0.37, 0.07
HSL 144.3°, 80.2%, 64.3%
HSV (ou HSB) 144.3°, 61.6%, 92.9%
RYB 35.7, 76.5, 92.9
Formato Cor
XYZ 42, 66.5, 42.5
CIELab 85.27, -55.68, 28.46
Decimal 6024598
Yxy 64.9905, 0.2778, 0.4502
YUV 183.428, 109.1355, 62.0741
CIELuv 84.4788, -61.7667, 52.7253
Web Safe 33CC66

Distribuição de #5bed96

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.

#5bed96

#5bed96
rgb(91,237,150)

#ed5bb2

#ed5bb2
rgb(237,91,178)

Cores triadicas

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

#975bed

#975bed
rgb(151,91,237)

#5bed96

#5bed96
rgb(91,237,150)

#ed975b

#ed975b
rgb(237,151,91)

Cores tetrádicas

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

#5b69ed

#5b69ed
rgb(91,105,237)

#5bed96

#5bed96
rgb(91,237,150)

#ed5bb2

#ed5bb2
rgb(237,91,178)

#ede05b

#ede05b
rgb(237,224,91)

Cores monocromáticas

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

#5bed96

#5bed96
rgb(91,237,150)

#baedcf

#baedcf
rgb(186,237,207)

#b8edce

#b8edce
rgb(184,237,206)

#b6edcc

#b6edcc
rgb(182,237,204)

#b3edcb

#b3edcb
rgb(179,237,203)

#b1edc9

#b1edc9
rgb(177,237,201)

Tons e Matizes de #5bed96

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

Matiz (adicionando branco)
#5bed96

#5bed96
rgb(91,237,150)

#7bf0ab

#7bf0ab
rgb(123,240,171)

#9cf4c0

#9cf4c0
rgb(156,244,192)

#bdf7d5

#bdf7d5
rgb(189,247,213)

#defbea

#defbea
rgb(222,251,234)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5bed96

#5bed96
rgb(91,237,150)

#48bd78

#48bd78
rgb(72,189,120)

#368e5a

#368e5a
rgb(54,142,90)

#245e3b

#245e3b
rgb(36,94,59)

#122f1d

#122f1d
rgb(18,47,29)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5bed96

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

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

Contraste

Branco e #5bed96
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 #5bed96
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 #5bed96

Este exemplo mostra como o texto na cor #5bed96 se parece.

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

Este parágrafo tem fundo de cor #5bed96.

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

Este elemento tem uma cor de borda de #5bed96.

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

Cores alietórias

#775ff8

#775ff8
rgb(119,95,248)

#0ac3c6

#0ac3c6
rgb(10,195,198)

#ae225e

#ae225e
rgb(174,34,94)

#6f125b

#6f125b
rgb(111,18,91)

#10e4ee

#10e4ee
rgb(16,228,238)

#fe6a55

#fe6a55
rgb(254,106,85)

#8fc35d

#8fc35d
rgb(143,195,93)

#10b2d5

#10b2d5
rgb(16,178,213)

#0f00be

#0f00be
rgb(15,0,190)

#542d80

#542d80
rgb(84,45,128)

#5929db

#5929db
rgb(89,41,219)

#02db21

#02db21
rgb(2,219,33)