Informação da cor #f37a7e

A cor hexadecimal f37a7e no modelo de cores RGB (Red, Green, Blue), é um composta por 243 de vermelho, 122 de verde e 126 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 49.8% de magenta, 48.1% de amarelo e 4.7% de preto. Tem um ângulo de matiz de 358 graus, uma saturação de 83.5% e uma leveza de 71.6%.

A cor mais próxima WebSafe é CC6666.

Conversões de #f37a7e 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 f37a7e
RGB 243, 122, 126
RGB Percentagem 95.3%, 47.8%, 49.4%
CMYK 0, 0.5, 0.48, 0.05
HSL 358°, 83.5%, 71.6%
HSV (ou HSB) 358°, 49.8%, 95.3%
RYB 95.3, 47.8, 49.4
Formato Cor
XYZ 49.6, 36.9, 27
CIELab 67.2, 43.83, 17.8
Decimal 15956606
Yxy 34.4852, 0.4497, 0.3252
YUV 158.635, 109.5829, 188.1748
CIELuv 65.3459, 86.493, 16.3073
Web Safe CC6666

Distribuição de #f37a7e

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.

#f37a7e

#f37a7e
rgb(243,122,126)

#7af3f0

#7af3f0
rgb(122,243,240)

Cores triadicas

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

#7ef37a

#7ef37a
rgb(126,243,122)

#f37a7e

#f37a7e
rgb(243,122,126)

#7a7ef3

#7a7ef3
rgb(122,126,243)

Cores tetrádicas

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

#bbf37a

#bbf37a
rgb(187,243,122)

#f37a7e

#f37a7e
rgb(243,122,126)

#7af3f0

#7af3f0
rgb(122,243,240)

#b37af3

#b37af3
rgb(179,122,243)

Cores monocromáticas

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

#f37a7e

#f37a7e
rgb(243,122,126)

#f3bfc1

#f3bfc1
rgb(243,191,193)

#f3bdbf

#f3bdbf
rgb(243,189,191)

#f3babc

#f3babc
rgb(243,186,188)

#f3b8ba

#f3b8ba
rgb(243,184,186)

#f3b6b8

#f3b6b8
rgb(243,182,184)

Tons e Matizes de #f37a7e

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

Matiz (adicionando branco)
#f37a7e

#f37a7e
rgb(243,122,126)

#f59497

#f59497
rgb(245,148,151)

#f7afb1

#f7afb1
rgb(247,175,177)

#fac9cb

#fac9cb
rgb(250,201,203)

#fce4e5

#fce4e5
rgb(252,228,229)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#f37a7e

#f37a7e
rgb(243,122,126)

#c26164

#c26164
rgb(194,97,100)

#91494b

#91494b
rgb(145,73,75)

#613032

#613032
rgb(97,48,50)

#301819

#301819
rgb(48,24,25)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #f37a7e

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #f37a7e.

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

Este elemento tem uma cor de borda de #f37a7e.

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

Cores alietórias

#f993a8

#f993a8
rgb(249,147,168)

#b05b03

#b05b03
rgb(176,91,3)

#3fd262

#3fd262
rgb(63,210,98)

#68abca

#68abca
rgb(104,171,202)

#95317a

#95317a
rgb(149,49,122)

#390b6b

#390b6b
rgb(57,11,107)

#3f5415

#3f5415
rgb(63,84,21)

#e9cca4

#e9cca4
rgb(233,204,164)

#44c7e7

#44c7e7
rgb(68,199,231)

#651eb2

#651eb2
rgb(101,30,178)

#fd1ab6

#fd1ab6
rgb(253,26,182)

#d0c79f

#d0c79f
rgb(208,199,159)