Informação da cor #bcd275

A cor hexadecimal bcd275 no modelo de cores RGB (Red, Green, Blue), é um composta por 188 de vermelho, 210 de verde e 117 de azul.

No padrão de cores CMYK, é composto por 10.5% de ciano, 0% de magenta, 44.3% de amarelo e 17.6% de preto. Tem um ângulo de matiz de 74.2 graus, uma saturação de 50.8% e uma leveza de 64.1%.

A cor mais próxima WebSafe é 99CC66.

Conversões de #bcd275 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 bcd275
RGB 188, 210, 117
RGB Percentagem 73.7%, 82.4%, 45.9%
CMYK 0.1, 0, 0.44, 0.18
HSL 74.2°, 50.8%, 64.1%
HSV (ou HSB) 74.2°, 44.3%, 82.4%
RYB 45.9, 82.4, 54.5
Formato Cor
XYZ 49.6, 60.6, 28.5
CIELab 82.17, -20.68, 41.3
Decimal 12374645
Yxy 58.069, 0.3598, 0.4445
YUV 192.82, 85.2122, 124.562
CIELuv 80.7772, -9.2966, 59.9243
Web Safe 99CC66

Distribuição de #bcd275

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.

#bcd275

#bcd275
rgb(188,210,117)

#8c75d2

#8c75d2
rgb(140,117,210)

Cores triadicas

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

#75bcd2

#75bcd2
rgb(117,188,210)

#bcd275

#bcd275
rgb(188,210,117)

#d275bc

#d275bc
rgb(210,117,188)

Cores tetrádicas

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

#75d2ba

#75d2ba
rgb(117,210,186)

#bcd275

#bcd275
rgb(188,210,117)

#8c75d2

#8c75d2
rgb(140,117,210)

#d2758e

#d2758e
rgb(210,117,142)

Cores monocromáticas

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

#bcd275

#bcd275
rgb(188,210,117)

#c8d2a5

#c8d2a5
rgb(200,210,165)

#c7d2a3

#c7d2a3
rgb(199,210,163)

#c7d2a1

#c7d2a1
rgb(199,210,161)

#c6d29f

#c6d29f
rgb(198,210,159)

#c6d29d

#c6d29d
rgb(198,210,157)

Tons e Matizes de #bcd275

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

Matiz (adicionando branco)
#bcd275

#bcd275
rgb(188,210,117)

#c9db90

#c9db90
rgb(201,219,144)

#d6e4ac

#d6e4ac
rgb(214,228,172)

#e4edc7

#e4edc7
rgb(228,237,199)

#f1f6e3

#f1f6e3
rgb(241,246,227)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#bcd275

#bcd275
rgb(188,210,117)

#96a85d

#96a85d
rgb(150,168,93)

#707e46

#707e46
rgb(112,126,70)

#4b532e

#4b532e
rgb(75,83,46)

#252917

#252917
rgb(37,41,23)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #bcd275

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #bcd275.

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

Este elemento tem uma cor de borda de #bcd275.

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

Cores alietórias

#2b27b8

#2b27b8
rgb(43,39,184)

#a24f07

#a24f07
rgb(162,79,7)

#1f55f8

#1f55f8
rgb(31,85,248)

#2e1240

#2e1240
rgb(46,18,64)

#da3c45

#da3c45
rgb(218,60,69)

#6a8e89

#6a8e89
rgb(106,142,137)

#dfa68d

#dfa68d
rgb(223,166,141)

#aa4426

#aa4426
rgb(170,68,38)

#3d0940

#3d0940
rgb(61,9,64)

#90c9f4

#90c9f4
rgb(144,201,244)

#edd410

#edd410
rgb(237,212,16)

#965f11

#965f11
rgb(150,95,17)