Informação da cor #5efe6c

A cor hexadecimal 5efe6c no modelo de cores RGB (Red, Green, Blue), é um composta por 94 de vermelho, 254 de verde e 108 de azul.

No padrão de cores CMYK, é composto por 63% de ciano, 0% de magenta, 57.5% de amarelo e 0.4% de preto. Tem um ângulo de matiz de 125.3 graus, uma saturação de 98.8% e uma leveza de 68.2%.

A cor mais próxima WebSafe é 33CC66.

Conversões de #5efe6c 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 5efe6c
RGB 94, 254, 108
RGB Percentagem 36.9%, 99.6%, 42.4%
CMYK 0.63, 0, 0.57, 0
HSL 125.3°, 98.8%, 68.2%
HSV (ou HSB) 125.3°, 63%, 99.6%
RYB 36.9, 94.9, 99.6
Formato Cor
XYZ 44.2, 75.1, 28.8
CIELab 89.42, -67.09, 53.42
Decimal 6225516
Yxy 74.3417, 0.2982, 0.5185
YUV 189.516, 81.9978, 59.8716
CIELuv 89.0837, -68.9445, 84.1559
Web Safe 33CC66

Distribuição de #5efe6c

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.

#5efe6c

#5efe6c
rgb(94,254,108)

#fe5ef0

#fe5ef0
rgb(254,94,240)

Cores triadicas

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

#6d5efe

#6d5efe
rgb(109,94,254)

#5efe6c

#5efe6c
rgb(94,254,108)

#fe6d5e

#fe6d5e
rgb(254,109,94)

Cores tetrádicas

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

#5ea0fe

#5ea0fe
rgb(94,160,254)

#5efe6c

#5efe6c
rgb(94,254,108)

#fe5ef0

#fe5ef0
rgb(254,94,240)

#febd5e

#febd5e
rgb(254,189,94)

Cores monocromáticas

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

#5efe6c

#5efe6c
rgb(94,254,108)

#c8fecc

#c8fecc
rgb(200,254,204)

#c5feca

#c5feca
rgb(197,254,202)

#c2fec8

#c2fec8
rgb(194,254,200)

#c0fec5

#c0fec5
rgb(192,254,197)

#bdfec3

#bdfec3
rgb(189,254,195)

Tons e Matizes de #5efe6c

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

Matiz (adicionando branco)
#5efe6c

#5efe6c
rgb(94,254,108)

#7efe89

#7efe89
rgb(126,254,137)

#9efea6

#9efea6
rgb(158,254,166)

#befec4

#befec4
rgb(190,254,196)

#defee1

#defee1
rgb(222,254,225)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5efe6c

#5efe6c
rgb(94,254,108)

#4bcb56

#4bcb56
rgb(75,203,86)

#389840

#389840
rgb(56,152,64)

#25652b

#25652b
rgb(37,101,43)

#123215

#123215
rgb(18,50,21)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5efe6c

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#880bee

#880bee
rgb(136,11,238)

#658f95

#658f95
rgb(101,143,149)

#5c5473

#5c5473
rgb(92,84,115)

#191b35

#191b35
rgb(25,27,53)

#321941

#321941
rgb(50,25,65)

#c9fa68

#c9fa68
rgb(201,250,104)

#66fd24

#66fd24
rgb(102,253,36)

#6d7c01

#6d7c01
rgb(109,124,1)

#ad95af

#ad95af
rgb(173,149,175)

#b4af42

#b4af42
rgb(180,175,66)

#e92cdc

#e92cdc
rgb(233,44,220)

#78ca5c

#78ca5c
rgb(120,202,92)