Informação da cor #285100

A cor hexadecimal 285100 no modelo de cores RGB (Red, Green, Blue), é um composta por 40 de vermelho, 81 de verde e 0 de azul.

No padrão de cores CMYK, é composto por 50.6% de ciano, 0% de magenta, 100% de amarelo e 68.2% de preto. Tem um ângulo de matiz de 90.4 graus, uma saturação de 100% e uma leveza de 15.9%.

A cor mais próxima WebSafe é 003300.

Conversões de #285100 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 285100
RGB 40, 81, 0
RGB Percentagem 15.7%, 31.8%, 0%
CMYK 0.51, 0, 1, 0.68
HSL 90.4°, 100%, 15.9%
HSV (ou HSB) 90.4°, 100%, 31.8%
RYB 0, 31.8, 16.1
Formato Cor
XYZ 4.8, 7.9, 1.3
CIELab 33.71, -29.06, 40.42
Decimal 2642176
Yxy 6.3357, 0.3416, 0.567
YUV 59.507, 94.4182, 114.0863
CIELuv 30.2442, -18.8793, 35.8358
Web Safe 003300

Distribuição de #285100

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.

#285100

#285100
rgb(40,81,0)

#2a0051

#2a0051
rgb(42,0,81)

Cores triadicas

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

#002851

#002851
rgb(0,40,81)

#285100

#285100
rgb(40,81,0)

#510028

#510028
rgb(81,0,40)

Cores tetrádicas

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

#005151

#005151
rgb(0,81,81)

#285100

#285100
rgb(40,81,0)

#2a0051

#2a0051
rgb(42,0,81)

#510100

#510100
rgb(81,1,0)

Cores monocromáticas

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

#285100

#285100
rgb(40,81,0)

#485140

#485140
rgb(72,81,64)

#48513f

#48513f
rgb(72,81,63)

#48513e

#48513e
rgb(72,81,62)

#47513d

#47513d
rgb(71,81,61)

#47513c

#47513c
rgb(71,81,60)

Tons e Matizes de #285100

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

Matiz (adicionando branco)
#285100

#285100
rgb(40,81,0)

#537333

#537333
rgb(83,115,51)

#7e9666

#7e9666
rgb(126,150,102)

#a9b999

#a9b999
rgb(169,185,153)

#d4dccc

#d4dccc
rgb(212,220,204)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#285100

#285100
rgb(40,81,0)

#204000

#204000
rgb(32,64,0)

#183000

#183000
rgb(24,48,0)

#0f2000

#0f2000
rgb(15,32,0)

#071000

#071000
rgb(7,16,0)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #285100

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

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

Contraste

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

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

Exemplos CSS

Texto com cor hexadecimal #285100

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

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

Este parágrafo tem fundo de cor #285100.

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

Este elemento tem uma cor de borda de #285100.

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

Cores alietórias

#7f54e1

#7f54e1
rgb(127,84,225)

#035d57

#035d57
rgb(3,93,87)

#b90bf7

#b90bf7
rgb(185,11,247)

#eb3877

#eb3877
rgb(235,56,119)

#7c7d53

#7c7d53
rgb(124,125,83)

#1729ae

#1729ae
rgb(23,41,174)

#0fd2b9

#0fd2b9
rgb(15,210,185)

#090eb7

#090eb7
rgb(9,14,183)

#4c82da

#4c82da
rgb(76,130,218)

#fdcea9

#fdcea9
rgb(253,206,169)

#93fa37

#93fa37
rgb(147,250,55)

#2867b0

#2867b0
rgb(40,103,176)