Informação da cor #c2f01e

A cor hexadecimal c2f01e no modelo de cores RGB (Red, Green, Blue), é um composta por 194 de vermelho, 240 de verde e 30 de azul.

No padrão de cores CMYK, é composto por 19.2% de ciano, 0% de magenta, 87.5% de amarelo e 5.9% de preto. Tem um ângulo de matiz de 73.1 graus, uma saturação de 87.5% e uma leveza de 52.9%.

A cor mais próxima WebSafe é 99CC00.

Conversões de #c2f01e 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 c2f01e
RGB 194, 240, 30
RGB Percentagem 76.1%, 94.1%, 11.8%
CMYK 0.19, 0, 0.88, 0.06
HSL 73.1°, 87.5%, 52.9%
HSV (ou HSB) 73.1°, 87.5%, 94.1%
RYB 11.8, 94.1, 29.8
Formato Cor
XYZ 55.3, 75.3, 13.4
CIELab 89.51, -37.43, 82.5
Decimal 12775454
Yxy 73.883, 0.3827, 0.527
YUV 202.306, 30.7619, 122.0755
CIELuv 88.8671, -21.9617, 99.1721
Web Safe 99CC00

Distribuição de #c2f01e

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.

#c2f01e

#c2f01e
rgb(194,240,30)

#4c1ef0

#4c1ef0
rgb(76,30,240)

Cores triadicas

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

#1ec3f0

#1ec3f0
rgb(30,195,240)

#c2f01e

#c2f01e
rgb(194,240,30)

#f01ec3

#f01ec3
rgb(240,30,195)

Cores tetrádicas

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

#1ef0b5

#1ef0b5
rgb(30,240,181)

#c2f01e

#c2f01e
rgb(194,240,30)

#4c1ef0

#4c1ef0
rgb(76,30,240)

#f01e5a

#f01e5a
rgb(240,30,90)

Cores monocromáticas

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

#c2f01e

#c2f01e
rgb(194,240,30)

#e5f0bc

#e5f0bc
rgb(229,240,188)

#e4f0ba

#e4f0ba
rgb(228,240,186)

#e4f0b7

#e4f0b7
rgb(228,240,183)

#e3f0b5

#e3f0b5
rgb(227,240,181)

#e3f0b2

#e3f0b2
rgb(227,240,178)

Tons e Matizes de #c2f01e

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

Matiz (adicionando branco)
#c2f01e

#c2f01e
rgb(194,240,30)

#cef34b

#cef34b
rgb(206,243,75)

#daf678

#daf678
rgb(218,246,120)

#e6f9a5

#e6f9a5
rgb(230,249,165)

#f2fcd2

#f2fcd2
rgb(242,252,210)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c2f01e

#c2f01e
rgb(194,240,30)

#9bc018

#9bc018
rgb(155,192,24)

#749012

#749012
rgb(116,144,18)

#4d5f0b

#4d5f0b
rgb(77,95,11)

#262f05

#262f05
rgb(38,47,5)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c2f01e

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

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

Contraste

Branco e #c2f01e
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 #c2f01e
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 #c2f01e

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

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

Este parágrafo tem fundo de cor #c2f01e.

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

Este elemento tem uma cor de borda de #c2f01e.

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

Cores alietórias

#a14303

#a14303
rgb(161,67,3)

#edc2ff

#edc2ff
rgb(237,194,255)

#0fa69b

#0fa69b
rgb(15,166,155)

#73c4f1

#73c4f1
rgb(115,196,241)

#0f7297

#0f7297
rgb(15,114,151)

#e144af

#e144af
rgb(225,68,175)

#41f4aa

#41f4aa
rgb(65,244,170)

#68d6d4

#68d6d4
rgb(104,214,212)

#f626ae

#f626ae
rgb(246,38,174)

#2c61b4

#2c61b4
rgb(44,97,180)

#757f27

#757f27
rgb(117,127,39)

#28a810

#28a810
rgb(40,168,16)