PASSAPORTE DE COR / sRGB

#ECDBC1

R 236 · G 219 · B 193
Laranja / sRGB opaco

Uma cor.
Um ponto de partida.
Infinitas direções.

Esta cor sRGB opaca tem 72,35% de luminância relativa. Explore as relações mensuráveis e aplique-a no design.

1,36:1com branco
15,47:1com preto
01 / Os detalhes mensuráveis

Conheça a sua cor.

CIÊNCIA DA COR / D50

Os números que a definem.

#ECDBC1
RGB · 8 bits
236 / 219 / 193
HSL · graus / % / %
36,3 / 53,1 / 84,1
HSV · graus / % / %
36,3 / 18,2 / 92,5
OKLCH · L / C / graus
0,8984 / 0,0393 / 78,6
CIELAB · ponto branco D50
88,29 / 2,99 / 15,06
Luminância relativa
0,72346
Contraste com branco
1,36:1
Contraste com preto
15,47:1
CMYK · aproximação sem perfil
0% / 7% / 18% / 7%

O matiz neutro não está definido. CMYK é uma aproximação matemática sem perfil de impressão e não prevê correspondência impressa. Os rácios de contraste não comprovam, por si só, conformidade WCAG completa.

A entrada alargada é processada localmente. Os projetos usam sRGB opaco explícito; alfa e gama ampla exigem a conversão indicada.

02 / A cor em contexto

De um valor a um universo visual.

Universo de marca#ECDBC1
#E8ECC1 ↗
#FBF7F1 ↗
#3D3730 ↗
#191C20 ↗
03 / Bússola de matizes

Relações de cor.

Modelo: roda de matiz HSL
04 / LUZ E SOMBRA

Uma escala tonal medida.

Misturado com branco ou preto em OKLab e mapeado para sRGB opaco. As percentagens são pesos da mistura, não alterações medidas de brilho.

Tons em direção ao cinzento neutro.

Misturado com cinzento sRGB neutro #808080 em OKLab e mapeado para sRGB opaco. As percentagens são pesos de cinzento, não reduções de saturação medidas. Copie um HEX ou siga a etiqueta para o passaporte exato.

05 / TEXTO SOBRE COR

Leia o contraste.

Texto preto · 15,47:1

A rápida raposa castanha salta sobre o cão preguiçoso.

  • AA normal (4.5:1): Cumpre
  • AAA normal (7:1): Cumpre
  • AA grande (3:1): Cumpre

Texto branco · 1,36:1

A rápida raposa castanha salta sobre o cão preguiçoso.

  • AA normal (4.5:1): Não cumpre
  • AAA normal (7:1): Não cumpre
  • AA grande (3:1): Não cumpre

Texto grande: 24 px CSS normal ou 18.67 em negrito. A avaliação usa rácios WCAG sem arredondar. Estes exemplos testam cores opacas, sem comprovar acessibilidade completa.

06 / PARA A SUA FOLHA DE ESTILO

CSS pronto a usar.

.color-sample {
  background-color: #ecdbc1;
  color: #000000;
}

:root {
  --color-hex: #ecdbc1;
  --color-rgb: rgb(236 219 193);
  --color-hsl: hsl(36.28 53.09% 84.12%);
}

Escolhe-se texto preto ou branco pelo maior contraste. HSL é arredondado para apresentação; HEX preserva os canais exatos de 8 bits.

08 / PRÓXIMO NA BIBLIOTECA

Compare cores próximas.

Entradas mais próximas pela distância euclidiana OKLab × 100. Cada cor próxima mantém a sua identidade e página canónica.

09 / PRONTO A USAR

Um conjunto completo de expressões.

Calculado a partir de HEX. Sem histórias de cor inventadas.Ler os métodos