Informação da cor #91b2f4

A cor hexadecimal 91b2f4 no modelo de cores RGB (Red, Green, Blue), é um composta por 145 de vermelho, 178 de verde e 244 de azul.

No padrão de cores CMYK, é composto por 40.6% de ciano, 27% de magenta, 0% de amarelo e 4.3% de preto. Tem um ângulo de matiz de 220 graus, uma saturação de 81.8% e uma leveza de 76.3%.

A cor mais próxima WebSafe é 6699CC.

Conversões de #91b2f4 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 91b2f4
RGB 145, 178, 244
RGB Percentagem 56.9%, 69.8%, 95.7%
CMYK 0.41, 0.27, 0, 0.04
HSL 220°, 81.8%, 76.3%
HSV (ou HSB) 220°, 40.6%, 95.7%
RYB 56.9, 66.7, 95.7
Formato Cor
XYZ 46.5, 47.3, 93
CIELab 74.4, 4.22, -33.88
Decimal 9548532
Yxy 44.3899, 0.2438, 0.2464
YUV 175.657, 166.5683, 106.1334
CIELuv 72.4883, -18.3969, -59.2203
Web Safe 6699CC

Distribuição de #91b2f4

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.

#91b2f4

#91b2f4
rgb(145,178,244)

#f4d492

#f4d492
rgb(244,212,146)

Cores triadicas

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

#f492b2

#f492b2
rgb(244,146,178)

#91b2f4

#91b2f4
rgb(145,178,244)

#b3f492

#b3f492
rgb(179,244,146)

Cores tetrádicas

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

#f492e4

#f492e4
rgb(244,146,228)

#91b2f4

#91b2f4
rgb(145,178,244)

#f4d492

#f4d492
rgb(244,212,146)

#92f4a2

#92f4a2
rgb(146,244,162)

Cores monocromáticas

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

#91b2f4

#91b2f4
rgb(145,178,244)

#c0d2f4

#c0d2f4
rgb(192,210,244)

#bed0f4

#bed0f4
rgb(190,208,244)

#bbcef4

#bbcef4
rgb(187,206,244)

#b9cdf4

#b9cdf4
rgb(185,205,244)

#b7cbf4

#b7cbf4
rgb(183,203,244)

Tons e Matizes de #91b2f4

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

Matiz (adicionando branco)
#91b2f4

#91b2f4
rgb(145,178,244)

#a7c1f6

#a7c1f6
rgb(167,193,246)

#bdd0f8

#bdd0f8
rgb(189,208,248)

#d3e0fa

#d3e0fa
rgb(211,224,250)

#e9effc

#e9effc
rgb(233,239,252)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#91b2f4

#91b2f4
rgb(145,178,244)

#748ec3

#748ec3
rgb(116,142,195)

#576a92

#576a92
rgb(87,106,146)

#394761

#394761
rgb(57,71,97)

#1c2330

#1c2330
rgb(28,35,48)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #91b2f4

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

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

Contraste

Branco e #91b2f4
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 #91b2f4
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 #91b2f4

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

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

Este parágrafo tem fundo de cor #91b2f4.

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

Este elemento tem uma cor de borda de #91b2f4.

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

Cores alietórias

#9955d7

#9955d7
rgb(153,85,215)

#c97d12

#c97d12
rgb(201,125,18)

#d50d88

#d50d88
rgb(213,13,136)

#3d83ee

#3d83ee
rgb(61,131,238)

#5bb70b

#5bb70b
rgb(91,183,11)

#196b18

#196b18
rgb(25,107,24)

#09d922

#09d922
rgb(9,217,34)

#b146ff

#b146ff
rgb(177,70,255)

#a8384d

#a8384d
rgb(168,56,77)

#ec2e0f

#ec2e0f
rgb(236,46,15)

#4b8a60

#4b8a60
rgb(75,138,96)

#14b851

#14b851
rgb(20,184,81)