Informação da cor #83ed54

A cor hexadecimal 83ed54 no modelo de cores RGB (Red, Green, Blue), é um composta por 131 de vermelho, 237 de verde e 84 de azul.

No padrão de cores CMYK, é composto por 44.7% de ciano, 0% de magenta, 64.6% de amarelo e 7.1% de preto. Tem um ângulo de matiz de 101.6 graus, uma saturação de 81% e uma leveza de 62.9%.

A cor mais próxima WebSafe é 66CC33.

Conversões de #83ed54 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 83ed54
RGB 131, 237, 84
RGB Percentagem 51.4%, 92.9%, 32.9%
CMYK 0.45, 0, 0.65, 0.07
HSL 101.6°, 81%, 62.9%
HSV (ou HSB) 101.6°, 64.6%, 92.9%
RYB 32.9, 92.9, 74.5
Formato Cor
XYZ 43.3, 67.7, 21
CIELab 85.83, -54.35, 59.95
Decimal 8645972
Yxy 66.0311, 0.3267, 0.5231
YUV 187.864, 69.386, 87.4407
CIELuv 85.0123, -51.1598, 85.743
Web Safe 66CC33

Distribuição de #83ed54

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.

#83ed54

#83ed54
rgb(131,237,84)

#be54ed

#be54ed
rgb(190,84,237)

Cores triadicas

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

#5484ed

#5484ed
rgb(84,132,237)

#83ed54

#83ed54
rgb(131,237,84)

#ed5484

#ed5484
rgb(237,84,132)

Cores tetrádicas

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

#54d0ed

#54d0ed
rgb(84,208,237)

#83ed54

#83ed54
rgb(131,237,84)

#be54ed

#be54ed
rgb(190,84,237)

#ed7254

#ed7254
rgb(237,114,84)

Cores monocromáticas

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

#83ed54

#83ed54
rgb(131,237,84)

#caedba

#caedba
rgb(202,237,186)

#c8edb8

#c8edb8
rgb(200,237,184)

#c7edb5

#c7edb5
rgb(199,237,181)

#c5edb3

#c5edb3
rgb(197,237,179)

#c3edb1

#c3edb1
rgb(195,237,177)

Tons e Matizes de #83ed54

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

Matiz (adicionando branco)
#83ed54

#83ed54
rgb(131,237,84)

#9bf076

#9bf076
rgb(155,240,118)

#b4f498

#b4f498
rgb(180,244,152)

#cdf7ba

#cdf7ba
rgb(205,247,186)

#e6fbdc

#e6fbdc
rgb(230,251,220)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#83ed54

#83ed54
rgb(131,237,84)

#68bd43

#68bd43
rgb(104,189,67)

#4e8e32

#4e8e32
rgb(78,142,50)

#345e21

#345e21
rgb(52,94,33)

#1a2f10

#1a2f10
rgb(26,47,16)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #83ed54

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

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

Contraste

Branco e #83ed54
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 #83ed54
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 #83ed54

Este exemplo mostra como o texto na cor #83ed54 se parece.

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

Este parágrafo tem fundo de cor #83ed54.

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

Este elemento tem uma cor de borda de #83ed54.

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

Cores alietórias

#5cce08

#5cce08
rgb(92,206,8)

#7804a8

#7804a8
rgb(120,4,168)

#181fe1

#181fe1
rgb(24,31,225)

#608f30

#608f30
rgb(96,143,48)

#5d0501

#5d0501
rgb(93,5,1)

#f86b65

#f86b65
rgb(248,107,101)

#220877

#220877
rgb(34,8,119)

#124dd0

#124dd0
rgb(18,77,208)

#8e37c2

#8e37c2
rgb(142,55,194)

#544062

#544062
rgb(84,64,98)

#37cd22

#37cd22
rgb(55,205,34)

#7db932

#7db932
rgb(125,185,50)