Informação da cor #1bd188

A cor hexadecimal 1bd188 no modelo de cores RGB (Red, Green, Blue), é um composta por 27 de vermelho, 209 de verde e 136 de azul.

No padrão de cores CMYK, é composto por 87.1% de ciano, 0% de magenta, 34.9% de amarelo e 18% de preto. Tem um ângulo de matiz de 155.9 graus, uma saturação de 77.1% e uma leveza de 46.3%.

A cor mais próxima WebSafe é 00CC66.

Conversões de #1bd188 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 1bd188
RGB 27, 209, 136
RGB Percentagem 10.6%, 82%, 53.3%
CMYK 0.87, 0, 0.35, 0.18
HSL 155.9°, 77.1%, 46.3%
HSV (ou HSB) 155.9°, 87.1%, 82%
RYB 10.6, 55.3, 82
Formato Cor
XYZ 29.3, 49.7, 34.2
CIELab 75.87, -58.15, 22.43
Decimal 1823112
Yxy 47.6079, 0.2605, 0.4478
YUV 146.26, 122.21, 42.9358
CIELuv 74.577, -63.1682, 43.5172
Web Safe 00CC66

Distribuição de #1bd188

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.

#1bd188

#1bd188
rgb(27,209,136)

#d11b64

#d11b64
rgb(209,27,100)

Cores triadicas

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

#891bd1

#891bd1
rgb(137,27,209)

#1bd188

#1bd188
rgb(27,209,136)

#d1891b

#d1891b
rgb(209,137,27)

Cores tetrádicas

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

#2e1bd1

#2e1bd1
rgb(46,27,209)

#1bd188

#1bd188
rgb(27,209,136)

#d11b64

#d11b64
rgb(209,27,100)

#bfd11b

#bfd11b
rgb(191,209,27)

Cores monocromáticas

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

#1bd188

#1bd188
rgb(27,209,136)

#a4d1bf

#a4d1bf
rgb(164,209,191)

#a2d1be

#a2d1be
rgb(162,209,190)

#a0d1bd

#a0d1bd
rgb(160,209,189)

#9ed1bd

#9ed1bd
rgb(158,209,189)

#9bd1bc

#9bd1bc
rgb(155,209,188)

Tons e Matizes de #1bd188

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

Matiz (adicionando branco)
#1bd188

#1bd188
rgb(27,209,136)

#48da9f

#48da9f
rgb(72,218,159)

#76e3b7

#76e3b7
rgb(118,227,183)

#a3eccf

#a3eccf
rgb(163,236,207)

#d1f5e7

#d1f5e7
rgb(209,245,231)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#1bd188

#1bd188
rgb(27,209,136)

#15a76c

#15a76c
rgb(21,167,108)

#107d51

#107d51
rgb(16,125,81)

#0a5336

#0a5336
rgb(10,83,54)

#05291b

#05291b
rgb(5,41,27)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #1bd188

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

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

Contraste

Branco e #1bd188
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 #1bd188
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 #1bd188

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

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

Este parágrafo tem fundo de cor #1bd188.

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

Este elemento tem uma cor de borda de #1bd188.

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

Cores alietórias

#2f6930

#2f6930
rgb(47,105,48)

#93aed1

#93aed1
rgb(147,174,209)

#314810

#314810
rgb(49,72,16)

#71910e

#71910e
rgb(113,145,14)

#10baa0

#10baa0
rgb(16,186,160)

#1a8a70

#1a8a70
rgb(26,138,112)

#40773b

#40773b
rgb(64,119,59)

#7b4e83

#7b4e83
rgb(123,78,131)

#7cd9bf

#7cd9bf
rgb(124,217,191)

#aa55ff

#aa55ff
rgb(170,85,255)

#8f5d6a

#8f5d6a
rgb(143,93,106)

#5adc4f

#5adc4f
rgb(90,220,79)