Informação da cor #2aafdb

A cor hexadecimal 2aafdb no modelo de cores RGB (Red, Green, Blue), é um composta por 42 de vermelho, 175 de verde e 219 de azul.

No padrão de cores CMYK, é composto por 80.8% de ciano, 20.1% de magenta, 0% de amarelo e 14.1% de preto. Tem um ângulo de matiz de 194.9 graus, uma saturação de 71.1% e uma leveza de 51.2%.

A cor mais próxima WebSafe é 0099CC.

Conversões de #2aafdb 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 2aafdb
RGB 42, 175, 219
RGB Percentagem 16.5%, 68.6%, 85.9%
CMYK 0.81, 0.2, 0, 0.14
HSL 194.9°, 71.1%, 51.2%
HSV (ou HSB) 194.9°, 80.8%, 85.9%
RYB 16.5, 46.3, 85.9
Formato Cor
XYZ 30.9, 38.8, 74.8
CIELab 68.63, -20.94, -30.57
Decimal 2797531
Yxy 36.263, 0.2109, 0.2632
YUV 140.249, 172.4419, 57.9223
CIELuv 66.7204, -44.0197, -48.0832
Web Safe 0099CC

Distribuição de #2aafdb

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.

#2aafdb

#2aafdb
rgb(42,175,219)

#db562a

#db562a
rgb(219,86,42)

Cores triadicas

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

#db2ab0

#db2ab0
rgb(219,42,176)

#2aafdb

#2aafdb
rgb(42,175,219)

#b0db2a

#b0db2a
rgb(176,219,42)

Cores tetrádicas

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

#af2adb

#af2adb
rgb(175,42,219)

#2aafdb

#2aafdb
rgb(42,175,219)

#db562a

#db562a
rgb(219,86,42)

#57db2a

#57db2a
rgb(87,219,42)

Cores monocromáticas

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

#2aafdb

#2aafdb
rgb(42,175,219)

#acd0db

#acd0db
rgb(172,208,219)

#aacfdb

#aacfdb
rgb(170,207,219)

#a7cfdb

#a7cfdb
rgb(167,207,219)

#a5cedb

#a5cedb
rgb(165,206,219)

#a3cddb

#a3cddb
rgb(163,205,219)

Tons e Matizes de #2aafdb

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

Matiz (adicionando branco)
#2aafdb

#2aafdb
rgb(42,175,219)

#54bfe2

#54bfe2
rgb(84,191,226)

#7fcfe9

#7fcfe9
rgb(127,207,233)

#a9dff0

#a9dff0
rgb(169,223,240)

#d4eff7

#d4eff7
rgb(212,239,247)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#2aafdb

#2aafdb
rgb(42,175,219)

#218caf

#218caf
rgb(33,140,175)

#196983

#196983
rgb(25,105,131)

#104557

#104557
rgb(16,69,87)

#08222b

#08222b
rgb(8,34,43)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #2aafdb

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

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

Contraste

Branco e #2aafdb
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 #2aafdb
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 #2aafdb

Este exemplo mostra como o texto na cor #2aafdb se parece.

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

Este parágrafo tem fundo de cor #2aafdb.

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

Este elemento tem uma cor de borda de #2aafdb.

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

Cores alietórias

#c298f1

#c298f1
rgb(194,152,241)

#3756ea

#3756ea
rgb(55,86,234)

#e12a81

#e12a81
rgb(225,42,129)

#ee3219

#ee3219
rgb(238,50,25)

#70cd4a

#70cd4a
rgb(112,205,74)

#608553

#608553
rgb(96,133,83)

#b2267a

#b2267a
rgb(178,38,122)

#ce4c57

#ce4c57
rgb(206,76,87)

#10ee38

#10ee38
rgb(16,238,56)

#c995f3

#c995f3
rgb(201,149,243)

#479067

#479067
rgb(71,144,103)

#301492

#301492
rgb(48,20,146)