Informação da cor #256d74

A cor hexadecimal 256d74 no modelo de cores RGB (Red, Green, Blue), é um composta por 37 de vermelho, 109 de verde e 116 de azul.

No padrão de cores CMYK, é composto por 68.1% de ciano, 6% de magenta, 0% de amarelo e 54.5% de preto. Tem um ângulo de matiz de 185.3 graus, uma saturação de 51.6% e uma leveza de 30%.

A cor mais próxima WebSafe é 006666.

Conversões de #256d74 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 256d74
RGB 37, 109, 116
RGB Percentagem 14.5%, 42.7%, 45.5%
CMYK 0.68, 0.06, 0, 0.55
HSL 185.3°, 51.6%, 30%
HSV (ou HSB) 185.3°, 68.1%, 45.5%
RYB 14.5, 29.4, 45.5
Formato Cor
XYZ 11.1, 14.8, 21.4
CIELab 45.35, -20.03, -10.46
Decimal 2452852
Yxy 12.5905, 0.2321, 0.3114
YUV 88.27, 143.649, 91.4308
CIELuv 42.1397, -27.3101, -11.7908
Web Safe 006666

Distribuição de #256d74

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.

#256d74

#256d74
rgb(37,109,116)

#742c25

#742c25
rgb(116,44,37)

Cores triadicas

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

#74256e

#74256e
rgb(116,37,110)

#256d74

#256d74
rgb(37,109,116)

#6e7425

#6e7425
rgb(110,116,37)

Cores tetrádicas

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

#542574

#542574
rgb(84,37,116)

#256d74

#256d74
rgb(37,109,116)

#742c25

#742c25
rgb(116,44,37)

#467425

#467425
rgb(70,116,37)

Cores monocromáticas

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

#256d74

#256d74
rgb(37,109,116)

#5b7274

#5b7274
rgb(91,114,116)

#5a7274

#5a7274
rgb(90,114,116)

#597274

#597274
rgb(89,114,116)

#587274

#587274
rgb(88,114,116)

#577274

#577274
rgb(87,114,116)

Tons e Matizes de #256d74

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

Matiz (adicionando branco)
#256d74

#256d74
rgb(37,109,116)

#508a8f

#508a8f
rgb(80,138,143)

#7ca7ab

#7ca7ab
rgb(124,167,171)

#a7c4c7

#a7c4c7
rgb(167,196,199)

#d3e1e3

#d3e1e3
rgb(211,225,227)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#256d74

#256d74
rgb(37,109,116)

#1d575c

#1d575c
rgb(29,87,92)

#164145

#164145
rgb(22,65,69)

#0e2b2e

#0e2b2e
rgb(14,43,46)

#071517

#071517
rgb(7,21,23)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #256d74

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

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

Contraste

Branco e #256d74
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.

Preto e #256d74
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.

Exemplos CSS

Texto com cor hexadecimal #256d74

Este exemplo mostra como o texto na cor #256d74 se parece.

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

Este parágrafo tem fundo de cor #256d74.

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

Este elemento tem uma cor de borda de #256d74.

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

Cores alietórias

#6d3f61

#6d3f61
rgb(109,63,97)

#b91bf3

#b91bf3
rgb(185,27,243)

#169323

#169323
rgb(22,147,35)

#a53d2f

#a53d2f
rgb(165,61,47)

#5009b4

#5009b4
rgb(80,9,180)

#6faf13

#6faf13
rgb(111,175,19)

#a9f980

#a9f980
rgb(169,249,128)

#ad4ace

#ad4ace
rgb(173,74,206)

#a6be36

#a6be36
rgb(166,190,54)

#85f430

#85f430
rgb(133,244,48)

#f78dc7

#f78dc7
rgb(247,141,199)

#4eaf33

#4eaf33
rgb(78,175,51)