Informação da cor #94c4d3

A cor hexadecimal 94c4d3 no modelo de cores RGB (Red, Green, Blue), é um composta por 148 de vermelho, 196 de verde e 211 de azul.

No padrão de cores CMYK, é composto por 29.9% de ciano, 7.1% de magenta, 0% de amarelo e 17.3% de preto. Tem um ângulo de matiz de 194.3 graus, uma saturação de 41.7% e uma leveza de 70.4%.

A cor mais próxima WebSafe é 6699CC.

Conversões de #94c4d3 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 94c4d3
RGB 148, 196, 211
RGB Percentagem 58%, 76.9%, 82.7%
CMYK 0.3, 0.07, 0, 0.17
HSL 194.3°, 41.7%, 70.4%
HSV (ou HSB) 194.3°, 29.9%, 82.8%
RYB 58, 69, 82.7
Formato Cor
XYZ 46.4, 53.3, 71.7
CIELab 78.07, -11.64, -11.82
Decimal 9749715
Yxy 50.4768, 0.2677, 0.3092
YUV 183.358, 143.5993, 102.7803
CIELuv 76.361, -24.226, -17.5328
Web Safe 6699CC

Distribuição de #94c4d3

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.

#94c4d3

#94c4d3
rgb(148,196,211)

#d3a494

#d3a494
rgb(211,164,148)

Cores triadicas

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

#d394c4

#d394c4
rgb(211,148,196)

#94c4d3

#94c4d3
rgb(148,196,211)

#c4d394

#c4d394
rgb(196,211,148)

Cores tetrádicas

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

#c394d3

#c394d3
rgb(195,148,211)

#94c4d3

#94c4d3
rgb(148,196,211)

#d3a494

#d3a494
rgb(211,164,148)

#a5d394

#a5d394
rgb(165,211,148)

Cores monocromáticas

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

#94c4d3

#94c4d3
rgb(148,196,211)

#a7c9d3

#a7c9d3
rgb(167,201,211)

#a4c8d3

#a4c8d3
rgb(164,200,211)

#a2c8d3

#a2c8d3
rgb(162,200,211)

#a0c7d3

#a0c7d3
rgb(160,199,211)

#9ec7d3

#9ec7d3
rgb(158,199,211)

Tons e Matizes de #94c4d3

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

Matiz (adicionando branco)
#94c4d3

#94c4d3
rgb(148,196,211)

#a9cfdb

#a9cfdb
rgb(169,207,219)

#bedbe4

#bedbe4
rgb(190,219,228)

#d4e7ed

#d4e7ed
rgb(212,231,237)

#e9f3f6

#e9f3f6
rgb(233,243,246)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#94c4d3

#94c4d3
rgb(148,196,211)

#769ca8

#769ca8
rgb(118,156,168)

#58757e

#58757e
rgb(88,117,126)

#3b4e54

#3b4e54
rgb(59,78,84)

#1d272a

#1d272a
rgb(29,39,42)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #94c4d3

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

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

Contraste

Branco e #94c4d3
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 #94c4d3
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 #94c4d3

Este exemplo mostra como o texto na cor #94c4d3 se parece.

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

Este parágrafo tem fundo de cor #94c4d3.

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

Este elemento tem uma cor de borda de #94c4d3.

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

Cores alietórias

#e70e37

#e70e37
rgb(231,14,55)

#837099

#837099
rgb(131,112,153)

#f65488

#f65488
rgb(246,84,136)

#c194be

#c194be
rgb(193,148,190)

#17c9fa

#17c9fa
rgb(23,201,250)

#50dd56

#50dd56
rgb(80,221,86)

#436ad5

#436ad5
rgb(67,106,213)

#682164

#682164
rgb(104,33,100)

#2a4399

#2a4399
rgb(42,67,153)

#9383c4

#9383c4
rgb(147,131,196)

#dee255

#dee255
rgb(222,226,85)

#4e4563

#4e4563
rgb(78,69,99)