Informação da cor #cdfffa

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

No padrão de cores CMYK, é composto por 19.6% de ciano, 0% de magenta, 2% de amarelo e 0% de preto. Tem um ângulo de matiz de 174 graus, uma saturação de 100% e uma leveza de 90.2%.

A cor mais próxima WebSafe é CCFFCC.

Conversões de #cdfffa 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 cdfffa
RGB 205, 255, 250
RGB Percentagem 80.4%, 100%, 98%
CMYK 0.2, 0, 0.02, 0
HSL 174°, 100%, 90.2%
HSV (ou HSB) 174°, 19.6%, 100%
RYB 80.4, 91, 100
Formato Cor
XYZ 79.3, 92, 104.4
CIELab 96.81, -15.52, -2.68
Decimal 13500410
Yxy 91.3985, 0.2858, 0.3341
YUV 239.48, 133.9368, 103.4066
CIELuv 96.5739, -25.4141, -1.5364
Web Safe CCFFCC

Distribuição de #cdfffa

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.

#cdfffa

#cdfffa
rgb(205,255,250)

#ffcdd2

#ffcdd2
rgb(255,205,210)

Cores triadicas

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

#fbcdff

#fbcdff
rgb(251,205,255)

#cdfffa

#cdfffa
rgb(205,255,250)

#fffacd

#fffacd
rgb(255,250,205)

Cores tetrádicas

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

#e2cdff

#e2cdff
rgb(226,205,255)

#cdfffa

#cdfffa
rgb(205,255,250)

#ffcdd2

#ffcdd2
rgb(255,205,210)

#ecffcd

#ecffcd
rgb(236,255,205)

Cores monocromáticas

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

#cdfffa

#cdfffa
rgb(205,255,250)

#c9fffa

#c9fffa
rgb(201,255,250)

#c7fffa

#c7fffa
rgb(199,255,250)

#c4fffa

#c4fffa
rgb(196,255,250)

#c2fff9

#c2fff9
rgb(194,255,249)

#bffff9

#bffff9
rgb(191,255,249)

Tons e Matizes de #cdfffa

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

Matiz (adicionando branco)
#cdfffa

#cdfffa
rgb(205,255,250)

#d7fffb

#d7fffb
rgb(215,255,251)

#e1fffc

#e1fffc
rgb(225,255,252)

#ebfffd

#ebfffd
rgb(235,255,253)

#f5fffe

#f5fffe
rgb(245,255,254)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#cdfffa

#cdfffa
rgb(205,255,250)

#a4ccc8

#a4ccc8
rgb(164,204,200)

#7b9996

#7b9996
rgb(123,153,150)

#516563

#516563
rgb(81,101,99)

#283231

#283231
rgb(40,50,49)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #cdfffa

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #cdfffa.

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

Este elemento tem uma cor de borda de #cdfffa.

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

Cores alietórias

#1b138d

#1b138d
rgb(27,19,141)

#618dc4

#618dc4
rgb(97,141,196)

#7f4019

#7f4019
rgb(127,64,25)

#3fbb9c

#3fbb9c
rgb(63,187,156)

#da37e6

#da37e6
rgb(218,55,230)

#418c34

#418c34
rgb(65,140,52)

#527d6a

#527d6a
rgb(82,125,106)

#f00d18

#f00d18
rgb(240,13,24)

#820264

#820264
rgb(130,2,100)

#c5d7f3

#c5d7f3
rgb(197,215,243)

#77c017

#77c017
rgb(119,192,23)

#540fff

#540fff
rgb(84,15,255)