Informação da cor #91cef5

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

No padrão de cores CMYK, é composto por 40.8% de ciano, 15.9% de magenta, 0% de amarelo e 3.9% de preto. Tem um ângulo de matiz de 203.4 graus, uma saturação de 83.3% e uma leveza de 76.5%.

A cor mais próxima WebSafe é 66CCCC.

Conversões de #91cef5 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 91cef5
RGB 145, 206, 245
RGB Percentagem 56.9%, 80.8%, 96.1%
CMYK 0.41, 0.16, 0, 0.04
HSL 203.4°, 83.3%, 76.5%
HSV (ou HSB) 203.4°, 40.8%, 96.1%
RYB 56.9, 71.8, 96.1
Formato Cor
XYZ 52.6, 59.3, 95.7
CIELab 81.45, -9.65, -23.57
Decimal 9555701
Yxy 56.7518, 0.2491, 0.2814
YUV 192.207, 157.7929, 94.3288
CIELuv 80.0398, -29.5323, -39.0222
Web Safe 66CCCC

Distribuição de #91cef5

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.

#91cef5

#91cef5
rgb(145,206,245)

#f5b891

#f5b891
rgb(245,184,145)

Cores triadicas

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

#f591cf

#f591cf
rgb(245,145,207)

#91cef5

#91cef5
rgb(145,206,245)

#cff591

#cff591
rgb(207,245,145)

Cores tetrádicas

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

#ea91f5

#ea91f5
rgb(234,145,245)

#91cef5

#91cef5
rgb(145,206,245)

#f5b891

#f5b891
rgb(245,184,145)

#9df591

#9df591
rgb(157,245,145)

Cores monocromáticas

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

#91cef5

#91cef5
rgb(145,206,245)

#c1e1f5

#c1e1f5
rgb(193,225,245)

#bfe0f5

#bfe0f5
rgb(191,224,245)

#bcdff5

#bcdff5
rgb(188,223,245)

#badef5

#badef5
rgb(186,222,245)

#b7ddf5

#b7ddf5
rgb(183,221,245)

Tons e Matizes de #91cef5

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

Matiz (adicionando branco)
#91cef5

#91cef5
rgb(145,206,245)

#a7d7f7

#a7d7f7
rgb(167,215,247)

#bde1f9

#bde1f9
rgb(189,225,249)

#d3ebfb

#d3ebfb
rgb(211,235,251)

#e9f5fd

#e9f5fd
rgb(233,245,253)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#91cef5

#91cef5
rgb(145,206,245)

#74a4c4

#74a4c4
rgb(116,164,196)

#577b93

#577b93
rgb(87,123,147)

#395261

#395261
rgb(57,82,97)

#1c2930

#1c2930
rgb(28,41,48)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #91cef5

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#987812

#987812
rgb(152,120,18)

#87bc12

#87bc12
rgb(135,188,18)

#31c66f

#31c66f
rgb(49,198,111)

#31a224

#31a224
rgb(49,162,36)

#c59f7c

#c59f7c
rgb(197,159,124)

#fda7ec

#fda7ec
rgb(253,167,236)

#94d508

#94d508
rgb(148,213,8)

#1ed7e0

#1ed7e0
rgb(30,215,224)

#abe8f0

#abe8f0
rgb(171,232,240)

#483b6e

#483b6e
rgb(72,59,110)

#060a92

#060a92
rgb(6,10,146)

#282869

#282869
rgb(40,40,105)