Informação da cor #9b3665

A cor hexadecimal 9b3665 no modelo de cores RGB (Red, Green, Blue), é um composta por 155 de vermelho, 54 de verde e 101 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 65.2% de magenta, 34.8% de amarelo e 39.2% de preto. Tem um ângulo de matiz de 332.1 graus, uma saturação de 48.3% e uma leveza de 41%.

A cor mais próxima WebSafe é 993333.

Conversões de #9b3665 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 9b3665
RGB 155, 54, 101
RGB Percentagem 60.8%, 21.2%, 39.6%
CMYK 0, 0.65, 0.35, 0.39
HSL 332.1°, 48.3%, 41%
HSV (ou HSB) 332.1°, 65.2%, 60.8%
RYB 60.8, 21.2, 39.6
Formato Cor
XYZ 19.4, 12.2, 15.9
CIELab 41.59, 45.94, -6.1
Decimal 10172005
Yxy 10.5484, 0.4174, 0.2562
YUV 89.557, 134.4577, 174.6783
CIELuv 38.8092, 60.9585, -14.2665
Web Safe 993333

Distribuição de #9b3665

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.

#9b3665

#9b3665
rgb(155,54,101)

#369b6d

#369b6d
rgb(54,155,109)

Cores triadicas

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

#659b36

#659b36
rgb(101,155,54)

#9b3665

#9b3665
rgb(155,54,101)

#36659b

#36659b
rgb(54,101,155)

Cores tetrádicas

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

#989b36

#989b36
rgb(152,155,54)

#9b3665

#9b3665
rgb(155,54,101)

#369b6d

#369b6d
rgb(54,155,109)

#3a369b

#3a369b
rgb(58,54,155)

Cores monocromáticas

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

#9b3665

#9b3665
rgb(155,54,101)

#9b7a8a

#9b7a8a
rgb(155,122,138)

#9b7889

#9b7889
rgb(155,120,137)

#9b7788

#9b7788
rgb(155,119,136)

#9b7587

#9b7587
rgb(155,117,135)

#9b7486

#9b7486
rgb(155,116,134)

Tons e Matizes de #9b3665

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

Matiz (adicionando branco)
#9b3665

#9b3665
rgb(155,54,101)

#af5e83

#af5e83
rgb(175,94,131)

#c386a2

#c386a2
rgb(195,134,162)

#d7aec1

#d7aec1
rgb(215,174,193)

#ebd6e0

#ebd6e0
rgb(235,214,224)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#9b3665

#9b3665
rgb(155,54,101)

#7c2b50

#7c2b50
rgb(124,43,80)

#5d203c

#5d203c
rgb(93,32,60)

#3d1528

#3d1528
rgb(61,21,40)

#1e0a14

#1e0a14
rgb(30,10,20)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #9b3665

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

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

Contraste

Branco e #9b3665
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 #9b3665
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 #9b3665

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

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

Este parágrafo tem fundo de cor #9b3665.

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

Este elemento tem uma cor de borda de #9b3665.

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

Cores alietórias

#c1e9ed

#c1e9ed
rgb(193,233,237)

#4e470e

#4e470e
rgb(78,71,14)

#d02ab7

#d02ab7
rgb(208,42,183)

#a8501a

#a8501a
rgb(168,80,26)

#05a2f9

#05a2f9
rgb(5,162,249)

#288ab8

#288ab8
rgb(40,138,184)

#f5ab7c

#f5ab7c
rgb(245,171,124)

#f174db

#f174db
rgb(241,116,219)

#5ff4da

#5ff4da
rgb(95,244,218)

#034a92

#034a92
rgb(3,74,146)

#93cba3

#93cba3
rgb(147,203,163)

#befce5

#befce5
rgb(190,252,229)