Informação da cor #baf9ed

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

No padrão de cores CMYK, é composto por 25.3% de ciano, 0% de magenta, 4.8% de amarelo e 2.4% de preto. Tem um ângulo de matiz de 168.6 graus, uma saturação de 84% e uma leveza de 85.3%.

A cor mais próxima WebSafe é 99CCCC.

Conversões de #baf9ed 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 baf9ed
RGB 186, 249, 237
RGB Percentagem 72.9%, 97.6%, 92.9%
CMYK 0.25, 0, 0.05, 0.02
HSL 168.6°, 84%, 85.3%
HSV (ou HSB) 168.6°, 25.3%, 97.7%
RYB 72.9, 86.7, 97.6
Formato Cor
XYZ 71, 85.3, 94
CIELab 94.03, -20.55, -0.7
Decimal 12253677
Yxy 84.3018, 0.2817, 0.3421
YUV 228.795, 132.6304, 97.4757
CIELuv 93.5814, -31.1739, 2.8038
Web Safe 99CCCC

Distribuição de #baf9ed

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.

#baf9ed

#baf9ed
rgb(186,249,237)

#f9bac7

#f9bac7
rgb(249,186,199)

Cores triadicas

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

#edbaf9

#edbaf9
rgb(237,186,249)

#baf9ed

#baf9ed
rgb(186,249,237)

#f9edba

#f9edba
rgb(249,237,186)

Cores tetrádicas

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

#cebaf9

#cebaf9
rgb(206,186,249)

#baf9ed

#baf9ed
rgb(186,249,237)

#f9bac7

#f9bac7
rgb(249,186,199)

#e6f9ba

#e6f9ba
rgb(230,249,186)

Cores monocromáticas

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

#baf9ed

#baf9ed
rgb(186,249,237)

#c5f9ef

#c5f9ef
rgb(197,249,239)

#c2f9ef

#c2f9ef
rgb(194,249,239)

#c0f9ee

#c0f9ee
rgb(192,249,238)

#bdf9ee

#bdf9ee
rgb(189,249,238)

#bbf9ee

#bbf9ee
rgb(187,249,238)

Tons e Matizes de #baf9ed

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

Matiz (adicionando branco)
#baf9ed

#baf9ed
rgb(186,249,237)

#c7faf0

#c7faf0
rgb(199,250,240)

#d5fbf4

#d5fbf4
rgb(213,251,244)

#e3fcf7

#e3fcf7
rgb(227,252,247)

#f1fdfb

#f1fdfb
rgb(241,253,251)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#baf9ed

#baf9ed
rgb(186,249,237)

#94c7bd

#94c7bd
rgb(148,199,189)

#6f958e

#6f958e
rgb(111,149,142)

#4a635e

#4a635e
rgb(74,99,94)

#25312f

#25312f
rgb(37,49,47)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #baf9ed

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #baf9ed.

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

Este elemento tem uma cor de borda de #baf9ed.

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

Cores alietórias

#8a745a

#8a745a
rgb(138,116,90)

#014182

#014182
rgb(1,65,130)

#795e2e

#795e2e
rgb(121,94,46)

#ef44e8

#ef44e8
rgb(239,68,232)

#dc204b

#dc204b
rgb(220,32,75)

#dadff8

#dadff8
rgb(218,223,248)

#35d03c

#35d03c
rgb(53,208,60)

#60d487

#60d487
rgb(96,212,135)

#83d014

#83d014
rgb(131,208,20)

#93ef4f

#93ef4f
rgb(147,239,79)

#b33d08

#b33d08
rgb(179,61,8)

#8e05bf

#8e05bf
rgb(142,5,191)