Informação da cor #9ab4ca

A cor hexadecimal 9ab4ca no modelo de cores RGB (Red, Green, Blue), é um composta por 154 de vermelho, 180 de verde e 202 de azul.

No padrão de cores CMYK, é composto por 23.8% de ciano, 10.9% de magenta, 0% de amarelo e 20.8% de preto. Tem um ângulo de matiz de 207.5 graus, uma saturação de 31.2% e uma leveza de 69.8%.

A cor mais próxima WebSafe é 999999.

Conversões de #9ab4ca 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 9ab4ca
RGB 154, 180, 202
RGB Percentagem 60.4%, 70.6%, 79.2%
CMYK 0.24, 0.11, 0, 0.21
HSL 207.5°, 31.2%, 69.8%
HSV (ou HSB) 207.5°, 23.8%, 79.2%
RYB 60.4, 67.1, 79.2
Formato Cor
XYZ 43.2, 46.9, 65.2
CIELab 74.09, -3.9, -13.19
Decimal 10138826
Yxy 43.7755, 0.2756, 0.2993
YUV 174.734, 143.3871, 113.2111
CIELuv 72.0782, -14.3943, -21.0007
Web Safe 999999

Distribuição de #9ab4ca

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.

#9ab4ca

#9ab4ca
rgb(154,180,202)

#cab09a

#cab09a
rgb(202,176,154)

Cores triadicas

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

#ca9ab4

#ca9ab4
rgb(202,154,180)

#9ab4ca

#9ab4ca
rgb(154,180,202)

#b4ca9a

#b4ca9a
rgb(180,202,154)

Cores tetrádicas

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

#c89aca

#c89aca
rgb(200,154,202)

#9ab4ca

#9ab4ca
rgb(154,180,202)

#cab09a

#cab09a
rgb(202,176,154)

#9cca9a

#9cca9a
rgb(156,202,154)

Cores monocromáticas

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

#9ab4ca

#9ab4ca
rgb(154,180,202)

#a0b7ca

#a0b7ca
rgb(160,183,202)

#9eb6ca

#9eb6ca
rgb(158,182,202)

#9cb5ca

#9cb5ca
rgb(156,181,202)

#9ab4ca

#9ab4ca
rgb(154,180,202)

#98b3ca

#98b3ca
rgb(152,179,202)

Tons e Matizes de #9ab4ca

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

Matiz (adicionando branco)
#9ab4ca

#9ab4ca
rgb(154,180,202)

#aec3d4

#aec3d4
rgb(174,195,212)

#c2d2df

#c2d2df
rgb(194,210,223)

#d6e1e9

#d6e1e9
rgb(214,225,233)

#eaf0f4

#eaf0f4
rgb(234,240,244)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#9ab4ca

#9ab4ca
rgb(154,180,202)

#7b90a1

#7b90a1
rgb(123,144,161)

#5c6c79

#5c6c79
rgb(92,108,121)

#3d4750

#3d4750
rgb(61,71,80)

#1e2328

#1e2328
rgb(30,35,40)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #9ab4ca

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#cce9ee

#cce9ee
rgb(204,233,238)

#528fc5

#528fc5
rgb(82,143,197)

#ecea98

#ecea98
rgb(236,234,152)

#c653d9

#c653d9
rgb(198,83,217)

#903f24

#903f24
rgb(144,63,36)

#fd6711

#fd6711
rgb(253,103,17)

#e9d424

#e9d424
rgb(233,212,36)

#a56d56

#a56d56
rgb(165,109,86)

#dab356

#dab356
rgb(218,179,86)

#95d484

#95d484
rgb(149,212,132)

#2870d7

#2870d7
rgb(40,112,215)

#985140

#985140
rgb(152,81,64)