Informação da cor #2093a9

A cor hexadecimal 2093a9 no modelo de cores RGB (Red, Green, Blue), é um composta por 32 de vermelho, 147 de verde e 169 de azul.

No padrão de cores CMYK, é composto por 81.1% de ciano, 13% de magenta, 0% de amarelo e 33.7% de preto. Tem um ângulo de matiz de 189.6 graus, uma saturação de 68.2% e uma leveza de 39.4%.

A cor mais próxima WebSafe é 006699.

Conversões de #2093a9 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 2093a9
RGB 32, 147, 169
RGB Percentagem 12.5%, 57.6%, 66.3%
CMYK 0.81, 0.13, 0, 0.34
HSL 189.6°, 68.2%, 39.4%
HSV (ou HSB) 189.6°, 81.1%, 66.3%
RYB 12.5, 37.3, 66.3
Formato Cor
XYZ 20.1, 26.7, 44.6
CIELab 58.65, -23.67, -19.84
Decimal 2134953
Yxy 24.0368, 0.218, 0.2881
YUV 115.123, 158.4046, 68.7111
CIELuv 56.1246, -38.6873, -27.5164
Web Safe 006699

Distribuição de #2093a9

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.

#2093a9

#2093a9
rgb(32,147,169)

#a93720

#a93720
rgb(169,55,32)

Cores triadicas

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

#a92093

#a92093
rgb(169,32,147)

#2093a9

#2093a9
rgb(32,147,169)

#93a920

#93a920
rgb(147,169,32)

Cores tetrádicas

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

#7b20a9

#7b20a9
rgb(123,32,169)

#2093a9

#2093a9
rgb(32,147,169)

#a93720

#a93720
rgb(169,55,32)

#4fa920

#4fa920
rgb(79,169,32)

Cores monocromáticas

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

#2093a9

#2093a9
rgb(32,147,169)

#85a4a9

#85a4a9
rgb(133,164,169)

#83a3a9

#83a3a9
rgb(131,163,169)

#81a3a9

#81a3a9
rgb(129,163,169)

#80a3a9

#80a3a9
rgb(128,163,169)

#7ea2a9

#7ea2a9
rgb(126,162,169)

Tons e Matizes de #2093a9

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

Matiz (adicionando branco)
#2093a9

#2093a9
rgb(32,147,169)

#4ca8ba

#4ca8ba
rgb(76,168,186)

#79becb

#79becb
rgb(121,190,203)

#a5d3dc

#a5d3dc
rgb(165,211,220)

#d2e9ed

#d2e9ed
rgb(210,233,237)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#2093a9

#2093a9
rgb(32,147,169)

#197587

#197587
rgb(25,117,135)

#135865

#135865
rgb(19,88,101)

#0c3a43

#0c3a43
rgb(12,58,67)

#061d21

#061d21
rgb(6,29,33)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #2093a9

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

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

Contraste

Branco e #2093a9
Texto grande WCAG AA ✓ 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 #2093a9
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #2093a9

Este exemplo mostra como o texto na cor #2093a9 se parece.

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

Este parágrafo tem fundo de cor #2093a9.

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

Este elemento tem uma cor de borda de #2093a9.

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

Cores alietórias

#255951

#255951
rgb(37,89,81)

#7ce6cd

#7ce6cd
rgb(124,230,205)

#01b9ee

#01b9ee
rgb(1,185,238)

#1f70d8

#1f70d8
rgb(31,112,216)

#ecb9c4

#ecb9c4
rgb(236,185,196)

#02739b

#02739b
rgb(2,115,155)

#abe15d

#abe15d
rgb(171,225,93)

#de379a

#de379a
rgb(222,55,154)

#14f7c7

#14f7c7
rgb(20,247,199)

#1df4f6

#1df4f6
rgb(29,244,246)

#17cfd8

#17cfd8
rgb(23,207,216)

#c490d6

#c490d6
rgb(196,144,214)