Informação da cor #d7ffc9

A cor hexadecimal d7ffc9 no modelo de cores RGB (Red, Green, Blue), é um composta por 215 de vermelho, 255 de verde e 201 de azul.

No padrão de cores CMYK, é composto por 15.7% de ciano, 0% de magenta, 21.2% de amarelo e 0% de preto. Tem um ângulo de matiz de 104.4 graus, uma saturação de 100% e uma leveza de 89.4%.

A cor mais próxima WebSafe é CCFF99.

Conversões de #d7ffc9 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 d7ffc9
RGB 215, 255, 201
RGB Percentagem 84.3%, 100%, 78.8%
CMYK 0.16, 0, 0.21, 0
HSL 104.4°, 100%, 89.4%
HSV (ou HSB) 104.4°, 21.2%, 100%
RYB 78.8, 100, 94.5
Formato Cor
XYZ 75.7, 90.9, 71.3
CIELab 96.35, -20.74, 20.01
Decimal 14155721
Yxy 90.1828, 0.3187, 0.3866
YUV 236.884, 107.7494, 112.3908
CIELuv 96.0726, -19.7512, 35.7262
Web Safe CCFF99

Distribuição de #d7ffc9

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.

#d7ffc9

#d7ffc9
rgb(215,255,201)

#f1c9ff

#f1c9ff
rgb(241,201,255)

Cores triadicas

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

#c9d8ff

#c9d8ff
rgb(201,216,255)

#d7ffc9

#d7ffc9
rgb(215,255,201)

#ffc9d8

#ffc9d8
rgb(255,201,216)

Cores tetrádicas

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

#c9f3ff

#c9f3ff
rgb(201,243,255)

#d7ffc9

#d7ffc9
rgb(215,255,201)

#f1c9ff

#f1c9ff
rgb(241,201,255)

#ffd6c9

#ffd6c9
rgb(255,214,201)

Cores monocromáticas

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

#d7ffc9

#d7ffc9
rgb(215,255,201)

#d7ffc9

#d7ffc9
rgb(215,255,201)

#d6ffc7

#d6ffc7
rgb(214,255,199)

#d4ffc4

#d4ffc4
rgb(212,255,196)

#d2ffc2

#d2ffc2
rgb(210,255,194)

#d0ffbf

#d0ffbf
rgb(208,255,191)

Tons e Matizes de #d7ffc9

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

Matiz (adicionando branco)
#d7ffc9

#d7ffc9
rgb(215,255,201)

#dfffd3

#dfffd3
rgb(223,255,211)

#e7ffde

#e7ffde
rgb(231,255,222)

#efffe9

#efffe9
rgb(239,255,233)

#f7fff4

#f7fff4
rgb(247,255,244)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#d7ffc9

#d7ffc9
rgb(215,255,201)

#accca0

#accca0
rgb(172,204,160)

#819978

#819978
rgb(129,153,120)

#556550

#556550
rgb(85,101,80)

#2a3228

#2a3228
rgb(42,50,40)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #d7ffc9

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #d7ffc9.

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

Este elemento tem uma cor de borda de #d7ffc9.

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

Cores alietórias

#edf487

#edf487
rgb(237,244,135)

#9d75c1

#9d75c1
rgb(157,117,193)

#6e9b8d

#6e9b8d
rgb(110,155,141)

#0f8cc7

#0f8cc7
rgb(15,140,199)

#cae9d5

#cae9d5
rgb(202,233,213)

#26f96f

#26f96f
rgb(38,249,111)

#dcda9b

#dcda9b
rgb(220,218,155)

#52c154

#52c154
rgb(82,193,84)

#1e4df7

#1e4df7
rgb(30,77,247)

#710618

#710618
rgb(113,6,24)

#7aa056

#7aa056
rgb(122,160,86)

#279c4e

#279c4e
rgb(39,156,78)