Informação da cor #ec0f25

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

No padrão de cores CMYK, é composto por 0% de ciano, 93.6% de magenta, 84.3% de amarelo e 7.5% de preto. Tem um ângulo de matiz de 354 graus, uma saturação de 88.1% e uma leveza de 49.2%.

A cor mais próxima WebSafe é CC0000.

Conversões de #ec0f25 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 ec0f25
RGB 236, 15, 37
RGB Percentagem 92.5%, 5.9%, 14.5%
CMYK 0, 0.94, 0.84, 0.07
HSL 354°, 88.1%, 49.2%
HSV (ou HSB) 354°, 93.6%, 92.6%
RYB 92.5, 5.9, 14.5
Formato Cor
XYZ 35.8, 18.8, 4.2
CIELab 50.47, 74.69, 47.12
Decimal 15470373
Yxy 18.3141, 0.6174, 0.3221
YUV 83.587, 101.7093, 236.7111
CIELuv 49.8749, 156.1016, 30.1816
Web Safe CC0000

Distribuição de #ec0f25

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.

#ec0f25

#ec0f25
rgb(236,15,37)

#10ecd7

#10ecd7
rgb(16,236,215)

Cores triadicas

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

#25ec10

#25ec10
rgb(37,236,16)

#ec0f25

#ec0f25
rgb(236,15,37)

#1025ec

#1025ec
rgb(16,37,236)

Cores tetrádicas

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

#94ec10

#94ec10
rgb(148,236,16)

#ec0f25

#ec0f25
rgb(236,15,37)

#10ecd7

#10ecd7
rgb(16,236,215)

#6810ec

#6810ec
rgb(104,16,236)

Cores monocromáticas

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

#ec0f25

#ec0f25
rgb(236,15,37)

#ecb9be

#ecb9be
rgb(236,185,190)

#ecb6bc

#ecb6bc
rgb(236,182,188)

#ecb4ba

#ecb4ba
rgb(236,180,186)

#ecb2b8

#ecb2b8
rgb(236,178,184)

#ecafb5

#ecafb5
rgb(236,175,181)

Tons e Matizes de #ec0f25

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

Matiz (adicionando branco)
#ec0f25

#ec0f25
rgb(236,15,37)

#ef3f50

#ef3f50
rgb(239,63,80)

#f36f7c

#f36f7c
rgb(243,111,124)

#f79fa7

#f79fa7
rgb(247,159,167)

#fbcfd3

#fbcfd3
rgb(251,207,211)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#ec0f25

#ec0f25
rgb(236,15,37)

#bc0c1d

#bc0c1d
rgb(188,12,29)

#8d0916

#8d0916
rgb(141,9,22)

#5e050e

#5e050e
rgb(94,5,14)

#2f0207

#2f0207
rgb(47,2,7)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #ec0f25

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #ec0f25.

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

Este elemento tem uma cor de borda de #ec0f25.

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

Cores alietórias

#6317b2

#6317b2
rgb(99,23,178)

#512ffb

#512ffb
rgb(81,47,251)

#57d65c

#57d65c
rgb(87,214,92)

#743e23

#743e23
rgb(116,62,35)

#e90751

#e90751
rgb(233,7,81)

#8be8d9

#8be8d9
rgb(139,232,217)

#ac2ef4

#ac2ef4
rgb(172,46,244)

#53c5b7

#53c5b7
rgb(83,197,183)

#85fab0

#85fab0
rgb(133,250,176)

#385681

#385681
rgb(56,86,129)

#75cb16

#75cb16
rgb(117,203,22)

#553187

#553187
rgb(85,49,135)