Informação da cor #c3edbd

A cor hexadecimal c3edbd no modelo de cores RGB (Red, Green, Blue), é um composta por 195 de vermelho, 237 de verde e 189 de azul.

No padrão de cores CMYK, é composto por 17.7% de ciano, 0% de magenta, 20.3% de amarelo e 7.1% de preto. Tem um ângulo de matiz de 112.5 graus, uma saturação de 57.1% e uma leveza de 83.5%.

A cor mais próxima WebSafe é 99CC99.

Conversões de #c3edbd 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 c3edbd
RGB 195, 237, 189
RGB Percentagem 76.5%, 92.9%, 74.1%
CMYK 0.18, 0, 0.2, 0.07
HSL 112.5°, 57.1%, 83.5%
HSV (ou HSB) 112.5°, 20.3%, 92.9%
RYB 74.1, 92.9, 90.6
Formato Cor
XYZ 64.1, 77.5, 62.5
CIELab 90.55, -20.82, 17.49
Decimal 12840381
Yxy 75.8433, 0.3141, 0.3844
YUV 218.97, 111.0869, 110.903
CIELuv 89.7865, -20.9707, 31.4669
Web Safe 99CC99

Distribuição de #c3edbd

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.

#c3edbd

#c3edbd
rgb(195,237,189)

#e7bded

#e7bded
rgb(231,189,237)

Cores triadicas

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

#bdc4ed

#bdc4ed
rgb(189,196,237)

#c3edbd

#c3edbd
rgb(195,237,189)

#edbdc4

#edbdc4
rgb(237,189,196)

Cores tetrádicas

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

#bddced

#bddced
rgb(189,220,237)

#c3edbd

#c3edbd
rgb(195,237,189)

#e7bded

#e7bded
rgb(231,189,237)

#edcfbd

#edcfbd
rgb(237,207,189)

Cores monocromáticas

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

#c3edbd

#c3edbd
rgb(195,237,189)

#c2edbb

#c2edbb
rgb(194,237,187)

#bfedb9

#bfedb9
rgb(191,237,185)

#bdedb7

#bdedb7
rgb(189,237,183)

#bbedb4

#bbedb4
rgb(187,237,180)

#b9edb2

#b9edb2
rgb(185,237,178)

Tons e Matizes de #c3edbd

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

Matiz (adicionando branco)
#c3edbd

#c3edbd
rgb(195,237,189)

#cff0ca

#cff0ca
rgb(207,240,202)

#dbf4d7

#dbf4d7
rgb(219,244,215)

#e7f7e4

#e7f7e4
rgb(231,247,228)

#f3fbf1

#f3fbf1
rgb(243,251,241)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c3edbd

#c3edbd
rgb(195,237,189)

#9cbd97

#9cbd97
rgb(156,189,151)

#758e71

#758e71
rgb(117,142,113)

#4d5e4b

#4d5e4b
rgb(77,94,75)

#262f25

#262f25
rgb(38,47,37)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c3edbd

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #c3edbd.

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

Este elemento tem uma cor de borda de #c3edbd.

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

Cores alietórias

#ad814f

#ad814f
rgb(173,129,79)

#4fc216

#4fc216
rgb(79,194,22)

#b1caf3

#b1caf3
rgb(177,202,243)

#e7b6c1

#e7b6c1
rgb(231,182,193)

#2fd1c5

#2fd1c5
rgb(47,209,197)

#651f0e

#651f0e
rgb(101,31,14)

#e3f19b

#e3f19b
rgb(227,241,155)

#37e394

#37e394
rgb(55,227,148)

#241265

#241265
rgb(36,18,101)

#094a3c

#094a3c
rgb(9,74,60)

#e82a93

#e82a93
rgb(232,42,147)

#4cfa93

#4cfa93
rgb(76,250,147)