Informação da cor #fb2d79

A cor hexadecimal fb2d79 no modelo de cores RGB (Red, Green, Blue), é um composta por 251 de vermelho, 45 de verde e 121 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 82.1% de magenta, 51.8% de amarelo e 1.6% de preto. Tem um ângulo de matiz de 337.9 graus, uma saturação de 96.3% e uma leveza de 58%.

A cor mais próxima WebSafe é CC0066.

Conversões de #fb2d79 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 fb2d79
RGB 251, 45, 121
RGB Percentagem 98.4%, 17.6%, 47.5%
CMYK 0, 0.82, 0.52, 0.02
HSL 337.9°, 96.3%, 58%
HSV (ou HSB) 337.9°, 82.1%, 98.4%
RYB 98.4, 17.6, 47.5
Formato Cor
XYZ 45.1, 24.7, 23.2
CIELab 56.78, 76.38, 6.12
Decimal 16461177
Yxy 23.7729, 0.5003, 0.2692
YUV 115.258, 131.2404, 224.8203
CIELuv 55.8597, 134.199, -3.6613
Web Safe CC0066

Distribuição de #fb2d79

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.

#fb2d79

#fb2d79
rgb(251,45,121)

#2efbaf

#2efbaf
rgb(46,251,175)

Cores triadicas

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

#7afb2e

#7afb2e
rgb(122,251,46)

#fb2d79

#fb2d79
rgb(251,45,121)

#2e7afb

#2e7afb
rgb(46,122,251)

Cores tetrádicas

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

#e1fb2e

#e1fb2e
rgb(225,251,46)

#fb2d79

#fb2d79
rgb(251,45,121)

#2efbaf

#2efbaf
rgb(46,251,175)

#482efb

#482efb
rgb(72,46,251)

Cores monocromáticas

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

#fb2d79

#fb2d79
rgb(251,45,121)

#fbc5d9

#fbc5d9
rgb(251,197,217)

#fbc2d7

#fbc2d7
rgb(251,194,215)

#fbc0d6

#fbc0d6
rgb(251,192,214)

#fbbdd4

#fbbdd4
rgb(251,189,212)

#fbbbd3

#fbbbd3
rgb(251,187,211)

Tons e Matizes de #fb2d79

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

Matiz (adicionando branco)
#fb2d79

#fb2d79
rgb(251,45,121)

#fb5793

#fb5793
rgb(251,87,147)

#fc81ae

#fc81ae
rgb(252,129,174)

#fdabc9

#fdabc9
rgb(253,171,201)

#fed5e4

#fed5e4
rgb(254,213,228)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#fb2d79

#fb2d79
rgb(251,45,121)

#c82460

#c82460
rgb(200,36,96)

#961b48

#961b48
rgb(150,27,72)

#641130

#641130
rgb(100,17,48)

#320818

#320818
rgb(50,8,24)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #fb2d79

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

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

Contraste

Branco e #fb2d79
Texto grande WCAG AA ✓ 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 #fb2d79
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #fb2d79

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

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

Este parágrafo tem fundo de cor #fb2d79.

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

Este elemento tem uma cor de borda de #fb2d79.

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

Cores alietórias

#8ac7d6

#8ac7d6
rgb(138,199,214)

#ade861

#ade861
rgb(173,232,97)

#2dff62

#2dff62
rgb(45,255,98)

#80df5a

#80df5a
rgb(128,223,90)

#1b9e0f

#1b9e0f
rgb(27,158,15)

#5506d7

#5506d7
rgb(85,6,215)

#8619bd

#8619bd
rgb(134,25,189)

#ce8e11

#ce8e11
rgb(206,142,17)

#9a652a

#9a652a
rgb(154,101,42)

#a0ac01

#a0ac01
rgb(160,172,1)

#72949e

#72949e
rgb(114,148,158)

#cf300d

#cf300d
rgb(207,48,13)