Informação da cor #300dbc

A cor hexadecimal 300dbc no modelo de cores RGB (Red, Green, Blue), é um composta por 48 de vermelho, 13 de verde e 188 de azul.

No padrão de cores CMYK, é composto por 74.5% de ciano, 93.1% de magenta, 0% de amarelo e 26.3% de preto. Tem um ângulo de matiz de 252 graus, uma saturação de 87.1% e uma leveza de 39.4%.

A cor mais próxima WebSafe é 000099.

Conversões de #300dbc 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 300dbc
RGB 48, 13, 188
RGB Percentagem 18.8%, 5.1%, 73.7%
CMYK 0.74, 0.93, 0, 0.26
HSL 252°, 87.1%, 39.4%
HSV (ou HSB) 252°, 93.1%, 73.7%
RYB 18.8, 5.1, 73.7
Formato Cor
XYZ 11.5, 5.1, 50.8
CIELab 27.14, 61.17, -80.7
Decimal 3149244
Yxy 4.546, 0.166, 0.0723
YUV 43.415, 209.5942, 131.2704
CIELuv 25.4001, -3.3183, -93.8751
Web Safe 000099

Distribuição de #300dbc

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.

#300dbc

#300dbc
rgb(48,13,188)

#9abc0e

#9abc0e
rgb(154,188,14)

Cores triadicas

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

#bc300e

#bc300e
rgb(188,48,14)

#300dbc

#300dbc
rgb(48,13,188)

#0ebc30

#0ebc30
rgb(14,188,48)

Cores tetrádicas

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

#bc0e42

#bc0e42
rgb(188,14,66)

#300dbc

#300dbc
rgb(48,13,188)

#9abc0e

#9abc0e
rgb(154,188,14)

#0ebc88

#0ebc88
rgb(14,188,136)

Cores monocromáticas

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

#300dbc

#300dbc
rgb(48,13,188)

#9c93bc

#9c93bc
rgb(156,147,188)

#9a91bc

#9a91bc
rgb(154,145,188)

#9990bc

#9990bc
rgb(153,144,188)

#978ebc

#978ebc
rgb(151,142,188)

#958cbc

#958cbc
rgb(149,140,188)

Tons e Matizes de #300dbc

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

Matiz (adicionando branco)
#300dbc

#300dbc
rgb(48,13,188)

#593dc9

#593dc9
rgb(89,61,201)

#826dd6

#826dd6
rgb(130,109,214)

#ac9ee4

#ac9ee4
rgb(172,158,228)

#d5cef1

#d5cef1
rgb(213,206,241)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#300dbc

#300dbc
rgb(48,13,188)

#260a96

#260a96
rgb(38,10,150)

#1c0770

#1c0770
rgb(28,7,112)

#13054b

#13054b
rgb(19,5,75)

#090225

#090225
rgb(9,2,37)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #300dbc

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

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

Contraste

Branco e #300dbc
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 #300dbc
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 #300dbc

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

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

Este parágrafo tem fundo de cor #300dbc.

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

Este elemento tem uma cor de borda de #300dbc.

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

Cores alietórias

#f506c0

#f506c0
rgb(245,6,192)

#4d0f8c

#4d0f8c
rgb(77,15,140)

#254538

#254538
rgb(37,69,56)

#fe6350

#fe6350
rgb(254,99,80)

#25f5a7

#25f5a7
rgb(37,245,167)

#b48ff9

#b48ff9
rgb(180,143,249)

#7808af

#7808af
rgb(120,8,175)

#a73a6d

#a73a6d
rgb(167,58,109)

#2adfa6

#2adfa6
rgb(42,223,166)

#57e4ae

#57e4ae
rgb(87,228,174)

#745b00

#745b00
rgb(116,91,0)

#65bc5a

#65bc5a
rgb(101,188,90)