PASSAPORTE DE COR / sRGB

#9EA38D

R 158 · G 163 · B 141
Verde / sRGB opaco

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

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

2,60:1com branco
8,08:1com preto
01 / Os detalhes mensuráveis

Conheça a sua cor.

CIÊNCIA DA COR / D50

Os números que a definem.

#9EA38D
RGB · 8 bits
158 / 163 / 141
HSL · graus / % / %
73,6 / 10,7 / 59,6
HSV · graus / % / %
73,6 / 13,5 / 63,9
OKLCH · L / C / graus
0,7052 / 0,0317 / 117,6
CIELAB · ponto branco D50
66,12 / -4,84 / 10,84
Luminância relativa
0,35387
Contraste com branco
2,60:1
Contraste com preto
8,08:1
CMYK · aproximação sem perfil
3% / 0% / 13% / 36%

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#9EA38D
#93A38D ↗
#E9EAE5 ↗
#252720 ↗
#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 · 8,08: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 · 2,60: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: #9ea38d;
  color: #000000;
}

:root {
  --color-hex: #9ea38d;
  --color-rgb: rgb(158 163 141);
  --color-hsl: hsl(73.64 10.68% 59.61%);
}

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