Informação da cor #ed960f

A cor hexadecimal ed960f no modelo de cores RGB (Red, Green, Blue), é um composta por 237 de vermelho, 150 de verde e 15 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 36.7% de magenta, 93.7% de amarelo e 7.1% de preto. Tem um ângulo de matiz de 36.5 graus, uma saturação de 88.1% e uma leveza de 49.4%.

A cor mais próxima WebSafe é CC6600.

Conversões de #ed960f 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 ed960f
RGB 237, 150, 15
RGB Percentagem 92.9%, 58.8%, 5.9%
CMYK 0, 0.37, 0.94, 0.07
HSL 36.5°, 88.1%, 49.4%
HSV (ou HSB) 36.5°, 93.7%, 92.9%
RYB 62.4, 92.9, 5.9
Formato Cor
XYZ 47.6, 42.4, 6.4
CIELab 71.14, 21.42, 72.57
Decimal 15570447
Yxy 39.8564, 0.5019, 0.4356
YUV 160.623, 45.82, 182.4771
CIELuv 69.3671, 72.2088, 67.075
Web Safe CC6600

Distribuição de #ed960f

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.

#ed960f

#ed960f
rgb(237,150,15)

#1066ed

#1066ed
rgb(16,102,237)

Cores triadicas

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

#10ed97

#10ed97
rgb(16,237,151)

#ed960f

#ed960f
rgb(237,150,15)

#9710ed

#9710ed
rgb(151,16,237)

Cores tetrádicas

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

#10ed28

#10ed28
rgb(16,237,40)

#ed960f

#ed960f
rgb(237,150,15)

#1066ed

#1066ed
rgb(16,102,237)

#ed10d5

#ed10d5
rgb(237,16,213)

Cores monocromáticas

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

#ed960f

#ed960f
rgb(237,150,15)

#edd9ba

#edd9ba
rgb(237,217,186)

#edd8b7

#edd8b7
rgb(237,216,183)

#edd7b5

#edd7b5
rgb(237,215,181)

#edd6b2

#edd6b2
rgb(237,214,178)

#edd5b0

#edd5b0
rgb(237,213,176)

Tons e Matizes de #ed960f

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

Matiz (adicionando branco)
#ed960f

#ed960f
rgb(237,150,15)

#f0ab3f

#f0ab3f
rgb(240,171,63)

#f4c06f

#f4c06f
rgb(244,192,111)

#f7d59f

#f7d59f
rgb(247,213,159)

#fbeacf

#fbeacf
rgb(251,234,207)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#ed960f

#ed960f
rgb(237,150,15)

#bd780c

#bd780c
rgb(189,120,12)

#8e5a09

#8e5a09
rgb(142,90,9)

#5e3b05

#5e3b05
rgb(94,59,5)

#2f1d02

#2f1d02
rgb(47,29,2)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #ed960f

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

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

Contraste

Branco e #ed960f
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 #ed960f
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 #ed960f

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

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

Este parágrafo tem fundo de cor #ed960f.

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

Este elemento tem uma cor de borda de #ed960f.

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

Cores alietórias

#6a05c9

#6a05c9
rgb(106,5,201)

#2a7dc5

#2a7dc5
rgb(42,125,197)

#fa1b94

#fa1b94
rgb(250,27,148)

#5f5535

#5f5535
rgb(95,85,53)

#4c5e4c

#4c5e4c
rgb(76,94,76)

#e7cddc

#e7cddc
rgb(231,205,220)

#ff5595

#ff5595
rgb(255,85,149)

#311adf

#311adf
rgb(49,26,223)

#26ddef

#26ddef
rgb(38,221,239)

#a69357

#a69357
rgb(166,147,87)

#479296

#479296
rgb(71,146,150)

#088eb5

#088eb5
rgb(8,142,181)