Informação da cor #94bda1

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

No padrão de cores CMYK, é composto por 21.7% de ciano, 0% de magenta, 14.8% de amarelo e 25.9% de preto. Tem um ângulo de matiz de 139 graus, uma saturação de 23.7% e uma leveza de 66.1%.

A cor mais próxima WebSafe é 669999.

Conversões de #94bda1 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 94bda1
RGB 148, 189, 161
RGB Percentagem 58%, 74.1%, 63.1%
CMYK 0.22, 0, 0.15, 0.26
HSL 139°, 23.7%, 66.1%
HSV (ou HSB) 139°, 21.7%, 74.1%
RYB 58, 70.6, 74.1
Formato Cor
XYZ 39.8, 48.3, 44
CIELab 75, -18.24, 9.07
Decimal 9747873
Yxy 45.2631, 0.3005, 0.3692
YUV 173.549, 120.9182, 109.7767
CIELuv 73.0648, -20.7445, 17.2723
Web Safe 669999

Distribuição de #94bda1

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.

#94bda1

#94bda1
rgb(148,189,161)

#bd94b1

#bd94b1
rgb(189,148,177)

Cores triadicas

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

#a194bd

#a194bd
rgb(161,148,189)

#94bda1

#94bda1
rgb(148,189,161)

#bda194

#bda194
rgb(189,161,148)

Cores tetrádicas

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

#949cbd

#949cbd
rgb(148,156,189)

#94bda1

#94bda1
rgb(148,189,161)

#bd94b1

#bd94b1
rgb(189,148,177)

#bdb694

#bdb694
rgb(189,182,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.

#94bda1

#94bda1
rgb(148,189,161)

#95bda2

#95bda2
rgb(149,189,162)

#94bda1

#94bda1
rgb(148,189,161)

#92bda0

#92bda0
rgb(146,189,160)

#90bd9e

#90bd9e
rgb(144,189,158)

#8ebd9d

#8ebd9d
rgb(142,189,157)

Tons e Matizes de #94bda1

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

Matiz (adicionando branco)
#94bda1

#94bda1
rgb(148,189,161)

#a9cab3

#a9cab3
rgb(169,202,179)

#bed7c6

#bed7c6
rgb(190,215,198)

#d4e4d9

#d4e4d9
rgb(212,228,217)

#e9f1ec

#e9f1ec
rgb(233,241,236)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#94bda1

#94bda1
rgb(148,189,161)

#769780

#769780
rgb(118,151,128)

#587160

#587160
rgb(88,113,96)

#3b4b40

#3b4b40
rgb(59,75,64)

#1d2520

#1d2520
rgb(29,37,32)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #94bda1

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#f0da7d

#f0da7d
rgb(240,218,125)

#c8cd03

#c8cd03
rgb(200,205,3)

#18b6fe

#18b6fe
rgb(24,182,254)

#b80900

#b80900
rgb(184,9,0)

#c52559

#c52559
rgb(197,37,89)

#236a89

#236a89
rgb(35,106,137)

#d6211e

#d6211e
rgb(214,33,30)

#10cee2

#10cee2
rgb(16,206,226)

#648a70

#648a70
rgb(100,138,112)

#3f194e

#3f194e
rgb(63,25,78)

#23325f

#23325f
rgb(35,50,95)

#214456

#214456
rgb(33,68,86)