#6B8E23

OliveDrab — Códigos de Cor & Paleta

Q: Qual é o valor RGB de OliveDrab?

O valor RGB de OliveDrab (#6B8E23) é rgb(107, 142, 35). Isso se divide em valores de canal vermelho, verde e azul numa escala de 0 a 255.

Q: OliveDrab é acessível sobre um fundo branco?

A proporção de contraste de OliveDrab (#6B8E23) sobre um fundo branco (#FFFFFF) é 3.81:1 — AA aprovado apenas para texto grande. Sobre um fundo preto (#000000) a proporção de contraste é 5.52:1 — AA 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 OliveDrab?

OliveDrab (#6B8E23) combina bem com sua cor complementar e matizes análogas. A cor complementar é #47248F, a cor análoga a +30° é #368F24, e uma cor triádica é #246B8F. Essas relações são derivadas da teoria das cores usando HSL (hsl(80, 60%, 35%)) como base.

#6B8E23 · rgb(107, 142, 35) · hsl(80, 60%, 35%)

Códigos de Cor

Formato	Valor
HEX	#6B8E23
RGB	rgb(107, 142, 35)
HSL	hsl(80, 60%, 35%)

Tons escuros de OliveDrab

#628321

#59761E

#506A1B

#465E17

#3D5214

#344511

#2B390E

#222D0B

Tons claros de OliveDrab

#81AB2B

#96C832

#A5D24B

#B4D968

#C2E085

#D0E8A1

#DEEFBE

#EDF6DA

Combinações de Cores & Harmonia

Complementar

#47248F

Análogo +30°

#368F24

Análogo −30°

#8F7D24

Triádico +120°

#246B8F

Triádico −120°

#8F246B

Contraste & Acessibilidade (WCAG 2.1)

vs. Branco (#FFFFFF)

3.81:1 — AA aprovado apenas para texto grande

vs. Preto (#000000)

5.52:1 — AA aprovado para texto normal

Trecho CSS

.element {
  color: #6B8E23;
}

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

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

Sobre OliveDrab

OliveDrab é uma cor escura com alta saturação, definida pelo código hex #6B8E23. Seus valores exatos no modelo de cor são rgb(107, 142, 35) em RGB e hsl(80, 60%, 35%) em HSL (matiz 80°, saturação 60%, luminosidade 35%). Sobre um fundo branco, a proporção de contraste é 3.81:1 — AA aprovado apenas para texto grande, e sobre preto é 5.52:1 — AA aprovado para texto normal. Use OliveDrab 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 OliveDrab?

O valor RGB de OliveDrab (#6B8E23) é rgb(107, 142, 35). Red = rgb(107, 142, 35), representando as quantidades de luz vermelha, verde e azul numa escala de 0 a 255.

OliveDrab é acessível sobre um fundo branco?

A proporção de contraste de OliveDrab sobre branco (#FFFFFF) é 3.81:1 — AA aprovado apenas para texto grande. Sobre preto (#000000) a proporção de contraste é 5.52:1 — AA 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 OliveDrab?

Com base na teoria das cores, OliveDrab (hsl(80, 60%, 35%)) 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.

OliveDrab — Códigos de Cor &amp; Paleta