Informação da cor #fd1597

A cor hexadecimal fd1597 no modelo de cores RGB (Red, Green, Blue), é um composta por 253 de vermelho, 21 de verde e 151 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 91.7% de magenta, 40.3% de amarelo e 0.8% de preto. Tem um ângulo de matiz de 326.4 graus, uma saturação de 98.3% e uma leveza de 53.7%.

A cor mais próxima WebSafe é CC0066.

Conversões de #fd1597 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 fd1597
RGB 253, 21, 151
RGB Percentagem 99.2%, 8.2%, 59.2%
CMYK 0, 0.92, 0.4, 0.01
HSL 326.4°, 98.3%, 53.7%
HSV (ou HSB) 326.4°, 91.7%, 99.2%
RYB 99.2, 8.2, 59.2
Formato Cor
XYZ 47.1, 24.2, 34.5
CIELab 56.27, 84.24, -11.69
Decimal 16586135
Yxy 23.6597, 0.4572, 0.2333
YUV 105.188, 153.8532, 233.4294
CIELuv 55.7454, 127.9004, -27.9395
Web Safe CC0066

Distribuição de #fd1597

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.

#fd1597

#fd1597
rgb(253,21,151)

#15fd7b

#15fd7b
rgb(21,253,123)

Cores triadicas

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

#98fd15

#98fd15
rgb(152,253,21)

#fd1597

#fd1597
rgb(253,21,151)

#1598fd

#1598fd
rgb(21,152,253)

Cores tetrádicas

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

#fdef15

#fdef15
rgb(253,239,21)

#fd1597

#fd1597
rgb(253,21,151)

#15fd7b

#15fd7b
rgb(21,253,123)

#1524fd

#1524fd
rgb(21,36,253)

Cores monocromáticas

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

#fd1597

#fd1597
rgb(253,21,151)

#fdc6e5

#fdc6e5
rgb(253,198,229)

#fdc4e4

#fdc4e4
rgb(253,196,228)

#fdc1e3

#fdc1e3
rgb(253,193,227)

#fdbee2

#fdbee2
rgb(253,190,226)

#fdbce1

#fdbce1
rgb(253,188,225)

Tons e Matizes de #fd1597

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

Matiz (adicionando branco)
#fd1597

#fd1597
rgb(253,21,151)

#fd43ab

#fd43ab
rgb(253,67,171)

#fd72c0

#fd72c0
rgb(253,114,192)

#fea1d5

#fea1d5
rgb(254,161,213)

#fed0ea

#fed0ea
rgb(254,208,234)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#fd1597

#fd1597
rgb(253,21,151)

#ca1078

#ca1078
rgb(202,16,120)

#970c5a

#970c5a
rgb(151,12,90)

#65083c

#65083c
rgb(101,8,60)

#32041e

#32041e
rgb(50,4,30)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #fd1597

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #fd1597.

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

Este elemento tem uma cor de borda de #fd1597.

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

Cores alietórias

#c0a0d3

#c0a0d3
rgb(192,160,211)

#c9301c

#c9301c
rgb(201,48,28)

#05ecf0

#05ecf0
rgb(5,236,240)

#25f0de

#25f0de
rgb(37,240,222)

#a03f40

#a03f40
rgb(160,63,64)

#c1b9f9

#c1b9f9
rgb(193,185,249)

#30964e

#30964e
rgb(48,150,78)

#b5b445

#b5b445
rgb(181,180,69)

#d13f57

#d13f57
rgb(209,63,87)

#10332d

#10332d
rgb(16,51,45)

#802362

#802362
rgb(128,35,98)

#ef406e

#ef406e
rgb(239,64,110)