Informação da cor #2691d3

A cor hexadecimal 2691d3 no modelo de cores RGB (Red, Green, Blue), é um composta por 38 de vermelho, 145 de verde e 211 de azul.

No padrão de cores CMYK, é composto por 82% de ciano, 31.3% de magenta, 0% de amarelo e 17.3% de preto. Tem um ângulo de matiz de 202.9 graus, uma saturação de 69.5% e uma leveza de 48.8%.

A cor mais próxima WebSafe é 0066CC.

Conversões de #2691d3 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 2691d3
RGB 38, 145, 211
RGB Percentagem 14.9%, 56.9%, 82.7%
CMYK 0.82, 0.31, 0, 0.17
HSL 202.9°, 69.5%, 48.8%
HSV (ou HSB) 202.9°, 82%, 82.8%
RYB 14.9, 41.2, 82.7
Formato Cor
XYZ 24.5, 27.9, 68
CIELab 59.84, -8.49, -40.17
Decimal 2527699
Yxy 25.3632, 0.2001, 0.2237
YUV 120.531, 179.0548, 69.1334
CIELuv 57.4276, -34.6548, -65.1744
Web Safe 0066CC

Distribuição de #2691d3

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.

#2691d3

#2691d3
rgb(38,145,211)

#d36826

#d36826
rgb(211,104,38)

Cores triadicas

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

#d32692

#d32692
rgb(211,38,146)

#2691d3

#2691d3
rgb(38,145,211)

#92d326

#92d326
rgb(146,211,38)

Cores tetrádicas

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

#bf26d3

#bf26d3
rgb(191,38,211)

#2691d3

#2691d3
rgb(38,145,211)

#d36826

#d36826
rgb(211,104,38)

#3bd326

#3bd326
rgb(59,211,38)

Cores monocromáticas

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

#2691d3

#2691d3
rgb(38,145,211)

#a5c2d3

#a5c2d3
rgb(165,194,211)

#a3c1d3

#a3c1d3
rgb(163,193,211)

#a1c0d3

#a1c0d3
rgb(161,192,211)

#9fc0d3

#9fc0d3
rgb(159,192,211)

#9dbfd3

#9dbfd3
rgb(157,191,211)

Tons e Matizes de #2691d3

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

Matiz (adicionando branco)
#2691d3

#2691d3
rgb(38,145,211)

#51a7db

#51a7db
rgb(81,167,219)

#7cbde4

#7cbde4
rgb(124,189,228)

#a8d3ed

#a8d3ed
rgb(168,211,237)

#d3e9f6

#d3e9f6
rgb(211,233,246)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#2691d3

#2691d3
rgb(38,145,211)

#1e74a8

#1e74a8
rgb(30,116,168)

#16577e

#16577e
rgb(22,87,126)

#0f3954

#0f3954
rgb(15,57,84)

#071c2a

#071c2a
rgb(7,28,42)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #2691d3

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

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

Contraste

Branco e #2691d3
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 #2691d3
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 #2691d3

Este exemplo mostra como o texto na cor #2691d3 se parece.

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

Este parágrafo tem fundo de cor #2691d3.

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

Este elemento tem uma cor de borda de #2691d3.

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

Cores alietórias

#416e93

#416e93
rgb(65,110,147)

#1d53bc

#1d53bc
rgb(29,83,188)

#ca2760

#ca2760
rgb(202,39,96)

#008cf9

#008cf9
rgb(0,140,249)

#e313aa

#e313aa
rgb(227,19,170)

#f07e1c

#f07e1c
rgb(240,126,28)

#d0ed16

#d0ed16
rgb(208,237,22)

#71d8a6

#71d8a6
rgb(113,216,166)

#66419d

#66419d
rgb(102,65,157)

#7ef685

#7ef685
rgb(126,246,133)

#e8ca0e

#e8ca0e
rgb(232,202,14)

#915232

#915232
rgb(145,82,50)