Informação da cor #33f118

A cor hexadecimal 33f118 no modelo de cores RGB (Red, Green, Blue), é um composta por 51 de vermelho, 241 de verde e 24 de azul.

No padrão de cores CMYK, é composto por 78.8% de ciano, 0% de magenta, 90% de amarelo e 5.5% de preto. Tem um ângulo de matiz de 112.5 graus, uma saturação de 88.6% e uma leveza de 52%.

A cor mais próxima WebSafe é 33CC00.

Conversões de #33f118 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 33f118
RGB 51, 241, 24
RGB Percentagem 20%, 94.5%, 9.4%
CMYK 0.79, 0, 0.9, 0.05
HSL 112.5°, 88.6%, 52%
HSV (ou HSB) 112.5°, 90%, 94.5%
RYB 9.4, 94.5, 83.9
Formato Cor
XYZ 33.9, 64.6, 12
CIELab 84.29, -77.86, 77.11
Decimal 3404056
Yxy 63.6764, 0.3052, 0.5892
YUV 159.452, 51.5598, 50.6447
CIELuv 83.797, -74.9414, 100.4467
Web Safe 33CC00

Distribuição de #33f118

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.

#33f118

#33f118
rgb(51,241,24)

#d618f1

#d618f1
rgb(214,24,241)

Cores triadicas

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

#1834f1

#1834f1
rgb(24,52,241)

#33f118

#33f118
rgb(51,241,24)

#f11834

#f11834
rgb(241,24,52)

Cores tetrádicas

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

#18a0f1

#18a0f1
rgb(24,160,241)

#33f118

#33f118
rgb(51,241,24)

#d618f1

#d618f1
rgb(214,24,241)

#f16a18

#f16a18
rgb(241,106,24)

Cores monocromáticas

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

#33f118

#33f118
rgb(51,241,24)

#c3f1bd

#c3f1bd
rgb(195,241,189)

#c1f1ba

#c1f1ba
rgb(193,241,186)

#bff1b8

#bff1b8
rgb(191,241,184)

#bdf1b5

#bdf1b5
rgb(189,241,181)

#bbf1b3

#bbf1b3
rgb(187,241,179)

Tons e Matizes de #33f118

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

Matiz (adicionando branco)
#33f118

#33f118
rgb(51,241,24)

#5bf346

#5bf346
rgb(91,243,70)

#84f674

#84f674
rgb(132,246,116)

#adf9a2

#adf9a2
rgb(173,249,162)

#d6fcd0

#d6fcd0
rgb(214,252,208)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#33f118

#33f118
rgb(51,241,24)

#28c013

#28c013
rgb(40,192,19)

#1e900e

#1e900e
rgb(30,144,14)

#146009

#146009
rgb(20,96,9)

#0a3004

#0a3004
rgb(10,48,4)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #33f118

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

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

Contraste

Branco e #33f118
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 #33f118
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 #33f118

Este exemplo mostra como o texto na cor #33f118 se parece.

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

Este parágrafo tem fundo de cor #33f118.

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

Este elemento tem uma cor de borda de #33f118.

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

Cores alietórias

#ab75f9

#ab75f9
rgb(171,117,249)

#e69253

#e69253
rgb(230,146,83)

#b0dd50

#b0dd50
rgb(176,221,80)

#c384be

#c384be
rgb(195,132,190)

#124b01

#124b01
rgb(18,75,1)

#53556b

#53556b
rgb(83,85,107)

#01c72a

#01c72a
rgb(1,199,42)

#9eaa16

#9eaa16
rgb(158,170,22)

#a2c264

#a2c264
rgb(162,194,100)

#05423f

#05423f
rgb(5,66,63)

#2104a2

#2104a2
rgb(33,4,162)

#2192f1

#2192f1
rgb(33,146,241)