#B2EBF2

#B2EBF2 — Códigos de Cor & Paleta

Q: Qual é o valor RGB de #B2EBF2?

O valor RGB de #B2EBF2 (#B2EBF2) é rgb(178, 235, 242). Isso se divide em valores de canal vermelho, verde e azul numa escala de 0 a 255.

Q: #B2EBF2 é acessível sobre um fundo branco?

A proporção de contraste de #B2EBF2 (#B2EBF2) sobre um fundo branco (#FFFFFF) é 1.31:1 — Reprovado. Sobre um fundo preto (#000000) a proporção de contraste é 16.06:1 — AAA aprovado para texto normal. O WCAG 2.1 exige 4,5:1 para texto normal (AA) e 7:1 para aprimorado (AAA).

Q: Quais cores combinam bem com #B2EBF2?

#B2EBF2 (#B2EBF2) combina bem com sua cor complementar e matizes análogas. A cor complementar é #F2B8B1, a cor análoga a +30° é #B1C9F2, e uma cor triádica é #F2B1EA. Essas relações são derivadas da teoria das cores usando HSL (hsl(187, 71%, 82%)) como base.

#B2EBF2 · rgb(178, 235, 242) · hsl(187, 71%, 82%)

Códigos de Cor

Formato	Valor
HEX	#B2EBF2
RGB	rgb(178, 235, 242)
HSL	hsl(187, 71%, 82%)

Tons escuros de #B2EBF2

#89E0EB

#62D5E4

#3BCBDE

#22B5C9

#1B92A1

#156E7A

#0E4B53

#07272C

Tons claros de #B2EBF2

#B9ECF3

#C2EFF5

#CBF1F6

#D3F3F8

#DCF6F9

#E5F8FB

#EEFAFC

#F6FDFE

Combinações de Cores & Harmonia

Complementar

#F2B8B1

Análogo +30°

#B1C9F2

Análogo −30°

#B1F2D9

Triádico +120°

#F2B1EA

Triádico −120°

#EAF2B1

Contraste & Acessibilidade (WCAG 2.1)

vs. Branco (#FFFFFF)

1.31:1 — Reprovado

vs. Preto (#000000)

16.06:1 — AAA aprovado para texto normal

Trecho CSS

.element {
  color: #B2EBF2;
}

.element-bg {
  background-color: #B2EBF2;
  color: #000000;
}

.element-border {
  border: 2px solid #B2EBF2;
}

Sobre #B2EBF2

#B2EBF2 é uma cor muito clara com alta saturação, definida pelo código hex #B2EBF2. Seus valores exatos no modelo de cor são rgb(178, 235, 242) em RGB e hsl(187, 71%, 82%) em HSL (matiz 187°, saturação 71%, luminosidade 82%). Sobre um fundo branco, a proporção de contraste é 1.31:1 — Reprovado, e sobre preto é 16.06:1 — AAA aprovado para texto normal. Use #B2EBF2 em elementos de interface, fundos, texto, bordas ou acentos decorativos. A seção de tons escuros abaixo mostra variações progressivamente mais escuras, enquanto a faixa de tons claros exibe versões progressivamente mais claras — ambas úteis para construir uma paleta tonal. As amostras de harmonia fornecem combinações complementares, análogas e triádicas baseadas na roda de matizes HSL.

Quer explorar esta cor de forma interativa, gerar paletas ou converter entre formatos de cor? O Seletor de Cores do DevArbor tem tudo isso.

Abrir o Seletor de Cores →

Perguntas frequentes

Qual é o valor RGB de #B2EBF2?

O valor RGB de #B2EBF2 (#B2EBF2) é rgb(178, 235, 242). Red = rgb(178, 235, 242), representando as quantidades de luz vermelha, verde e azul numa escala de 0 a 255.

#B2EBF2 é acessível sobre um fundo branco?

A proporção de contraste de #B2EBF2 sobre branco (#FFFFFF) é 1.31:1 — Reprovado. Sobre preto (#000000) a proporção de contraste é 16.06:1 — AAA aprovado para texto normal. O WCAG 2.1 exige 4,5:1 para AA (texto normal) e 7:1 para AAA.

Quais cores combinam bem com #B2EBF2?

Com base na teoria das cores, #B2EBF2 (hsl(187, 71%, 82%)) combina bem com suas matizes complementar, análoga e triádica. Veja as amostras de harmonia acima para os valores hex exatos de cada tipo de combinação.

#B2EBF2 — Códigos de Cor &amp; Paleta