Informação da cor #baccec

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

No padrão de cores CMYK, é composto por 21.2% de ciano, 13.6% de magenta, 0% de amarelo e 7.5% de preto. Tem um ângulo de matiz de 218.4 graus, uma saturação de 56.8% e uma leveza de 82.8%.

A cor mais próxima WebSafe é 99CCCC.

Conversões de #baccec 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 baccec
RGB 186, 204, 236
RGB Percentagem 72.9%, 80%, 92.5%
CMYK 0.21, 0.14, 0, 0.07
HSL 218.4°, 56.8%, 82.8%
HSV (ou HSB) 218.4°, 21.2%, 92.6%
RYB 72.9, 78.4, 92.5
Formato Cor
XYZ 59.4, 62.3, 89.4
CIELab 83.05, 0.46, -16.5
Decimal 12242156
Yxy 59.6796, 0.2786, 0.2918
YUV 202.266, 147.0372, 116.398
CIELuv 81.6637, -11.0089, -28.1722
Web Safe 99CCCC

Distribuição de #baccec

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.

#baccec

#baccec
rgb(186,204,236)

#ecdabb

#ecdabb
rgb(236,218,187)

Cores triadicas

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

#ecbbcd

#ecbbcd
rgb(236,187,205)

#baccec

#baccec
rgb(186,204,236)

#cdecbb

#cdecbb
rgb(205,236,187)

Cores tetrádicas

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

#ecbbe6

#ecbbe6
rgb(236,187,230)

#baccec

#baccec
rgb(186,204,236)

#ecdabb

#ecdabb
rgb(236,218,187)

#bbecc1

#bbecc1
rgb(187,236,193)

Cores monocromáticas

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

#baccec

#baccec
rgb(186,204,236)

#baccec

#baccec
rgb(186,204,236)

#b8cbec

#b8cbec
rgb(184,203,236)

#b6c9ec

#b6c9ec
rgb(182,201,236)

#b3c8ec

#b3c8ec
rgb(179,200,236)

#b1c6ec

#b1c6ec
rgb(177,198,236)

Tons e Matizes de #baccec

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

Matiz (adicionando branco)
#baccec

#baccec
rgb(186,204,236)

#c7d6ef

#c7d6ef
rgb(199,214,239)

#d5e0f3

#d5e0f3
rgb(213,224,243)

#e3eaf7

#e3eaf7
rgb(227,234,247)

#f1f4fb

#f1f4fb
rgb(241,244,251)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#baccec

#baccec
rgb(186,204,236)

#94a3bc

#94a3bc
rgb(148,163,188)

#6f7a8d

#6f7a8d
rgb(111,122,141)

#4a515e

#4a515e
rgb(74,81,94)

#25282f

#25282f
rgb(37,40,47)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #baccec

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #baccec.

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

Este elemento tem uma cor de borda de #baccec.

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

Cores alietórias

#e31517

#e31517
rgb(227,21,23)

#c185a6

#c185a6
rgb(193,133,166)

#a0716b

#a0716b
rgb(160,113,107)

#da45ba

#da45ba
rgb(218,69,186)

#2dbf77

#2dbf77
rgb(45,191,119)

#07fb1b

#07fb1b
rgb(7,251,27)

#60f364

#60f364
rgb(96,243,100)

#35aa97

#35aa97
rgb(53,170,151)

#8f6b8d

#8f6b8d
rgb(143,107,141)

#2d0018

#2d0018
rgb(45,0,24)

#6fe4f8

#6fe4f8
rgb(111,228,248)

#09ffbd

#09ffbd
rgb(9,255,189)