Informação da cor #bddfd3

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

No padrão de cores CMYK, é composto por 15.2% de ciano, 0% de magenta, 5.4% de amarelo e 12.5% de preto. Tem um ângulo de matiz de 158.8 graus, uma saturação de 34.7% e uma leveza de 80.8%.

A cor mais próxima WebSafe é 99CCCC.

Conversões de #bddfd3 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 bddfd3
RGB 189, 223, 211
RGB Percentagem 74.1%, 87.5%, 82.7%
CMYK 0.15, 0, 0.05, 0.13
HSL 158.8°, 34.7%, 80.8%
HSV (ou HSB) 158.8°, 15.3%, 87.5%
RYB 74.1, 82.4, 87.5
Formato Cor
XYZ 61.5, 70.5, 74.2
CIELab 87.22, -12.55, 1.95
Decimal 12443603
Yxy 68.2959, 0.297, 0.343
YUV 211.466, 127.737, 111.9757
CIELuv 86.1542, -17.5961, 5.584
Web Safe 99CCCC

Distribuição de #bddfd3

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.

#bddfd3

#bddfd3
rgb(189,223,211)

#dfbdc9

#dfbdc9
rgb(223,189,201)

Cores triadicas

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

#d4bddf

#d4bddf
rgb(212,189,223)

#bddfd3

#bddfd3
rgb(189,223,211)

#dfd4bd

#dfd4bd
rgb(223,212,189)

Cores tetrádicas

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

#c3bddf

#c3bddf
rgb(195,189,223)

#bddfd3

#bddfd3
rgb(189,223,211)

#dfbdc9

#dfbdc9
rgb(223,189,201)

#dadfbd

#dadfbd
rgb(218,223,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.

#bddfd3

#bddfd3
rgb(189,223,211)

#b0dfcf

#b0dfcf
rgb(176,223,207)

#aedfce

#aedfce
rgb(174,223,206)

#acdfcd

#acdfcd
rgb(172,223,205)

#aadfcc

#aadfcc
rgb(170,223,204)

#a7dfcc

#a7dfcc
rgb(167,223,204)

Tons e Matizes de #bddfd3

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

Matiz (adicionando branco)
#bddfd3

#bddfd3
rgb(189,223,211)

#cae5db

#cae5db
rgb(202,229,219)

#d7ebe4

#d7ebe4
rgb(215,235,228)

#e4f2ed

#e4f2ed
rgb(228,242,237)

#f1f8f6

#f1f8f6
rgb(241,248,246)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#bddfd3

#bddfd3
rgb(189,223,211)

#97b2a8

#97b2a8
rgb(151,178,168)

#71857e

#71857e
rgb(113,133,126)

#4b5954

#4b5954
rgb(75,89,84)

#252c2a

#252c2a
rgb(37,44,42)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #bddfd3

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #bddfd3.

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

Este elemento tem uma cor de borda de #bddfd3.

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

Cores alietórias

#260f6c

#260f6c
rgb(38,15,108)

#7f7de8

#7f7de8
rgb(127,125,232)

#278798

#278798
rgb(39,135,152)

#265f0d

#265f0d
rgb(38,95,13)

#25cc10

#25cc10
rgb(37,204,16)

#62f15c

#62f15c
rgb(98,241,92)

#ead0b2

#ead0b2
rgb(234,208,178)

#203667

#203667
rgb(32,54,103)

#53b0a4

#53b0a4
rgb(83,176,164)

#fdf85a

#fdf85a
rgb(253,248,90)

#275d77

#275d77
rgb(39,93,119)

#145d0d

#145d0d
rgb(20,93,13)