Informação da cor #87f0db

A cor hexadecimal 87f0db no modelo de cores RGB (Red, Green, Blue), é um composta por 135 de vermelho, 240 de verde e 219 de azul.

No padrão de cores CMYK, é composto por 43.7% de ciano, 0% de magenta, 8.7% de amarelo e 5.9% de preto. Tem um ângulo de matiz de 168 graus, uma saturação de 77.8% e uma leveza de 73.5%.

A cor mais próxima WebSafe é 66CCCC.

Conversões de #87f0db 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 87f0db
RGB 135, 240, 219
RGB Percentagem 52.9%, 94.1%, 85.9%
CMYK 0.44, 0, 0.09, 0.06
HSL 168°, 77.8%, 73.5%
HSV (ou HSB) 168°, 43.8%, 94.1%
RYB 52.9, 76.1, 94.1
Formato Cor
XYZ 55.9, 74.1, 80.3
CIELab 88.97, -33.48, 0.28
Decimal 8909019
Yxy 72.5814, 0.2635, 0.3546
YUV 206.211, 135.2173, 77.2076
CIELuv 88.2477, -47.2556, 6.8761
Web Safe 66CCCC

Distribuição de #87f0db

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.

#87f0db

#87f0db
rgb(135,240,219)

#f0879d

#f0879d
rgb(240,135,157)

Cores triadicas

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

#db87f0

#db87f0
rgb(219,135,240)

#87f0db

#87f0db
rgb(135,240,219)

#f0db87

#f0db87
rgb(240,219,135)

Cores tetrádicas

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

#a787f0

#a787f0
rgb(167,135,240)

#87f0db

#87f0db
rgb(135,240,219)

#f0879d

#f0879d
rgb(240,135,157)

#d1f087

#d1f087
rgb(209,240,135)

Cores monocromáticas

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

#87f0db

#87f0db
rgb(135,240,219)

#bdf0e6

#bdf0e6
rgb(189,240,230)

#bbf0e6

#bbf0e6
rgb(187,240,230)

#b8f0e5

#b8f0e5
rgb(184,240,229)

#b6f0e5

#b6f0e5
rgb(182,240,229)

#b3f0e4

#b3f0e4
rgb(179,240,228)

Tons e Matizes de #87f0db

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

Matiz (adicionando branco)
#87f0db

#87f0db
rgb(135,240,219)

#9ff3e2

#9ff3e2
rgb(159,243,226)

#b7f6e9

#b7f6e9
rgb(183,246,233)

#cff9f0

#cff9f0
rgb(207,249,240)

#e7fcf7

#e7fcf7
rgb(231,252,247)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#87f0db

#87f0db
rgb(135,240,219)

#6cc0af

#6cc0af
rgb(108,192,175)

#519083

#519083
rgb(81,144,131)

#355f57

#355f57
rgb(53,95,87)

#1a2f2b

#1a2f2b
rgb(26,47,43)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #87f0db

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

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

Contraste

Branco e #87f0db
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 #87f0db
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 #87f0db

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

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

Este parágrafo tem fundo de cor #87f0db.

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

Este elemento tem uma cor de borda de #87f0db.

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

Cores alietórias

#02875b

#02875b
rgb(2,135,91)

#db49ae

#db49ae
rgb(219,73,174)

#1d88a7

#1d88a7
rgb(29,136,167)

#c86bcb

#c86bcb
rgb(200,107,203)

#8ba771

#8ba771
rgb(139,167,113)

#74ed13

#74ed13
rgb(116,237,19)

#d7ebc1

#d7ebc1
rgb(215,235,193)

#ce2f1d

#ce2f1d
rgb(206,47,29)

#5d9e7f

#5d9e7f
rgb(93,158,127)

#f2d2dd

#f2d2dd
rgb(242,210,221)

#f40048

#f40048
rgb(244,0,72)

#1fa59a

#1fa59a
rgb(31,165,154)