Informação da cor #4bed98

A cor hexadecimal 4bed98 no modelo de cores RGB (Red, Green, Blue), é um composta por 75 de vermelho, 237 de verde e 152 de azul.

No padrão de cores CMYK, é composto por 68.4% de ciano, 0% de magenta, 35.9% de amarelo e 7.1% de preto. Tem um ângulo de matiz de 148.5 graus, uma saturação de 81.8% e uma leveza de 61.2%.

A cor mais próxima WebSafe é 33CC66.

Conversões de #4bed98 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 4bed98
RGB 75, 237, 152
RGB Percentagem 29.4%, 92.9%, 59.6%
CMYK 0.68, 0, 0.36, 0.07
HSL 148.5°, 81.8%, 61.2%
HSV (ou HSB) 148.5°, 68.4%, 92.9%
RYB 29.4, 72.5, 92.9
Formato Cor
XYZ 40.6, 65.8, 43.3
CIELab 84.88, -58.38, 26.9
Decimal 4976024
Yxy 64.3269, 0.2712, 0.4491
YUV 178.872, 112.8352, 53.9115
CIELuv 84.1357, -65.1659, 51.1395
Web Safe 33CC66

Distribuição de #4bed98

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.

#4bed98

#4bed98
rgb(75,237,152)

#ed4ba0

#ed4ba0
rgb(237,75,160)

Cores triadicas

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

#994bed

#994bed
rgb(153,75,237)

#4bed98

#4bed98
rgb(75,237,152)

#ed994b

#ed994b
rgb(237,153,75)

Cores tetrádicas

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

#4b4fed

#4b4fed
rgb(75,79,237)

#4bed98

#4bed98
rgb(75,237,152)

#ed4ba0

#ed4ba0
rgb(237,75,160)

#edea4b

#edea4b
rgb(237,234,75)

Cores monocromáticas

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

#4bed98

#4bed98
rgb(75,237,152)

#baedd3

#baedd3
rgb(186,237,211)

#b8edd1

#b8edd1
rgb(184,237,209)

#b5edd0

#b5edd0
rgb(181,237,208)

#b3edcf

#b3edcf
rgb(179,237,207)

#b1edce

#b1edce
rgb(177,237,206)

Tons e Matizes de #4bed98

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

Matiz (adicionando branco)
#4bed98

#4bed98
rgb(75,237,152)

#6ff0ac

#6ff0ac
rgb(111,240,172)

#93f4c1

#93f4c1
rgb(147,244,193)

#b7f7d5

#b7f7d5
rgb(183,247,213)

#dbfbea

#dbfbea
rgb(219,251,234)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#4bed98

#4bed98
rgb(75,237,152)

#3cbd79

#3cbd79
rgb(60,189,121)

#2d8e5b

#2d8e5b
rgb(45,142,91)

#1d5e3c

#1d5e3c
rgb(29,94,60)

#0e2f1e

#0e2f1e
rgb(14,47,30)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #4bed98

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

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

Contraste

Branco e #4bed98
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 #4bed98
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 #4bed98

Este exemplo mostra como o texto na cor #4bed98 se parece.

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

Este parágrafo tem fundo de cor #4bed98.

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

Este elemento tem uma cor de borda de #4bed98.

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

Cores alietórias

#7bf758

#7bf758
rgb(123,247,88)

#3e6c88

#3e6c88
rgb(62,108,136)

#c91aa4

#c91aa4
rgb(201,26,164)

#c9e0fb

#c9e0fb
rgb(201,224,251)

#77ed97

#77ed97
rgb(119,237,151)

#e1606f

#e1606f
rgb(225,96,111)

#77028f

#77028f
rgb(119,2,143)

#f3571e

#f3571e
rgb(243,87,30)

#b7b5ce

#b7b5ce
rgb(183,181,206)

#196b21

#196b21
rgb(25,107,33)

#914e4d

#914e4d
rgb(145,78,77)

#6507a0

#6507a0
rgb(101,7,160)