Informação da cor #cf1e60

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

No padrão de cores CMYK, é composto por 0% de ciano, 85.5% de magenta, 53.6% de amarelo e 18.8% de preto. Tem um ângulo de matiz de 337.6 graus, uma saturação de 74.7% e uma leveza de 46.5%.

A cor mais próxima WebSafe é CC0033.

Conversões de #cf1e60 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 cf1e60
RGB 207, 30, 96
RGB Percentagem 81.2%, 11.8%, 37.6%
CMYK 0, 0.86, 0.54, 0.19
HSL 337.6°, 74.7%, 46.5%
HSV (ou HSB) 337.6°, 85.5%, 81.2%
RYB 81.2, 11.8, 37.6
Formato Cor
XYZ 30, 16.1, 14.8
CIELab 47.16, 68.02, 6.14
Decimal 13573728
Yxy 15.0427, 0.5071, 0.2694
YUV 90.447, 131.1337, 211.1334
CIELuv 45.6926, 113.3351, -2.2024
Web Safe CC0033

Distribuição de #cf1e60

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.

#cf1e60

#cf1e60
rgb(207,30,96)

#1ecf8d

#1ecf8d
rgb(30,207,141)

Cores triadicas

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

#61cf1e

#61cf1e
rgb(97,207,30)

#cf1e60

#cf1e60
rgb(207,30,96)

#1e61cf

#1e61cf
rgb(30,97,207)

Cores tetrádicas

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

#b9cf1e

#b9cf1e
rgb(185,207,30)

#cf1e60

#cf1e60
rgb(207,30,96)

#1ecf8d

#1ecf8d
rgb(30,207,141)

#351ecf

#351ecf
rgb(53,30,207)

Cores monocromáticas

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

#cf1e60

#cf1e60
rgb(207,30,96)

#cfa2b3

#cfa2b3
rgb(207,162,179)

#cfa0b2

#cfa0b2
rgb(207,160,178)

#cf9eb1

#cf9eb1
rgb(207,158,177)

#cf9caf

#cf9caf
rgb(207,156,175)

#cf9aae

#cf9aae
rgb(207,154,174)

Tons e Matizes de #cf1e60

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

Matiz (adicionando branco)
#cf1e60

#cf1e60
rgb(207,30,96)

#d84b7f

#d84b7f
rgb(216,75,127)

#e2789f

#e2789f
rgb(226,120,159)

#eba5bf

#eba5bf
rgb(235,165,191)

#f5d2df

#f5d2df
rgb(245,210,223)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#cf1e60

#cf1e60
rgb(207,30,96)

#a5184c

#a5184c
rgb(165,24,76)

#7c1239

#7c1239
rgb(124,18,57)

#520b26

#520b26
rgb(82,11,38)

#290513

#290513
rgb(41,5,19)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #cf1e60

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

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

Contraste

Branco e #cf1e60
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.

Preto e #cf1e60
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.

Exemplos CSS

Texto com cor hexadecimal #cf1e60

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

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

Este parágrafo tem fundo de cor #cf1e60.

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

Este elemento tem uma cor de borda de #cf1e60.

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

Cores alietórias

#97ab35

#97ab35
rgb(151,171,53)

#cca10c

#cca10c
rgb(204,161,12)

#c74511

#c74511
rgb(199,69,17)

#1d7c79

#1d7c79
rgb(29,124,121)

#0be6c5

#0be6c5
rgb(11,230,197)

#c6d7c3

#c6d7c3
rgb(198,215,195)

#1182e6

#1182e6
rgb(17,130,230)

#d04db2

#d04db2
rgb(208,77,178)

#654019

#654019
rgb(101,64,25)

#b70744

#b70744
rgb(183,7,68)

#f4b9ef

#f4b9ef
rgb(244,185,239)

#fc6cb5

#fc6cb5
rgb(252,108,181)