Informação da cor #98a6fe

A cor hexadecimal 98a6fe no modelo de cores RGB (Red, Green, Blue), é um composta por 152 de vermelho, 166 de verde e 254 de azul.

No padrão de cores CMYK, é composto por 40.2% de ciano, 34.6% de magenta, 0% de amarelo e 0.4% de preto. Tem um ângulo de matiz de 231.8 graus, uma saturação de 98.1% e uma leveza de 79.6%.

A cor mais próxima WebSafe é 6699CC.

Conversões de #98a6fe 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 98a6fe
RGB 152, 166, 254
RGB Percentagem 59.6%, 65.1%, 99.6%
CMYK 0.4, 0.35, 0, 0
HSL 231.8°, 98.1%, 79.6%
HSV (ou HSB) 231.8°, 40.2%, 99.6%
RYB 59.6, 64.7, 99.6
Formato Cor
XYZ 46.9, 44.1, 99.9
CIELab 72.27, 14.73, -42.11
Decimal 10004222
Yxy 41.1016, 0.2405, 0.2223
YUV 171.846, 174.3623, 113.8445
CIELuv 70.247, -11.2865, -75.4393
Web Safe 6699CC

Distribuição de #98a6fe

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.

#98a6fe

#98a6fe
rgb(152,166,254)

#fef199

#fef199
rgb(254,241,153)

Cores triadicas

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

#fe99a6

#fe99a6
rgb(254,153,166)

#98a6fe

#98a6fe
rgb(152,166,254)

#a6fe99

#a6fe99
rgb(166,254,153)

Cores tetrádicas

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

#fe99d9

#fe99d9
rgb(254,153,217)

#98a6fe

#98a6fe
rgb(152,166,254)

#fef199

#fef199
rgb(254,241,153)

#99febe

#99febe
rgb(153,254,190)

Cores monocromáticas

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

#98a6fe

#98a6fe
rgb(152,166,254)

#c8d0fe

#c8d0fe
rgb(200,208,254)

#c6cdfe

#c6cdfe
rgb(198,205,254)

#c3cbfe

#c3cbfe
rgb(195,203,254)

#c1c9fe

#c1c9fe
rgb(193,201,254)

#bec7fe

#bec7fe
rgb(190,199,254)

Tons e Matizes de #98a6fe

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

Matiz (adicionando branco)
#98a6fe

#98a6fe
rgb(152,166,254)

#acb7fe

#acb7fe
rgb(172,183,254)

#c1c9fe

#c1c9fe
rgb(193,201,254)

#d5dbfe

#d5dbfe
rgb(213,219,254)

#eaedfe

#eaedfe
rgb(234,237,254)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#98a6fe

#98a6fe
rgb(152,166,254)

#7984cb

#7984cb
rgb(121,132,203)

#5b6398

#5b6398
rgb(91,99,152)

#3c4265

#3c4265
rgb(60,66,101)

#1e2132

#1e2132
rgb(30,33,50)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #98a6fe

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

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

Contraste

Branco e #98a6fe
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 #98a6fe
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 #98a6fe

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

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

Este parágrafo tem fundo de cor #98a6fe.

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

Este elemento tem uma cor de borda de #98a6fe.

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

Cores alietórias

#476145

#476145
rgb(71,97,69)

#1d8fd0

#1d8fd0
rgb(29,143,208)

#91febc

#91febc
rgb(145,254,188)

#895e08

#895e08
rgb(137,94,8)

#cdf4ab

#cdf4ab
rgb(205,244,171)

#939a37

#939a37
rgb(147,154,55)

#ecb0a8

#ecb0a8
rgb(236,176,168)

#437fe7

#437fe7
rgb(67,127,231)

#de918b

#de918b
rgb(222,145,139)

#ae3d56

#ae3d56
rgb(174,61,86)

#7cf904

#7cf904
rgb(124,249,4)

#71de51

#71de51
rgb(113,222,81)