Cor nomeada do CSS
Cor DarkOliveGreen #556B2F
DarkOliveGreen (palavra-chave darkolivegreen no CSS) tem o código hex #556B2F e o valor RGB rgb(85, 107, 47): um verde-amarelado suave e médio-escuro.
Um verde-oliva profundo e fechado, comum em temas militares, de natureza e botânica. É escuro o suficiente para passar no AA do WCAG em texto normal sobre branco.
Códigos da cor DarkOliveGreen
| Palavra-chave CSS | darkolivegreen |
|---|---|
| HEX | #556B2F |
| RGB | rgb(85, 107, 47) |
| HSL | hsl(82, 39%, 30%) |
| HWB | hwb(82 18% 58%) |
| OKLCH | oklch(49.6% 0.09 126.2) |
| CMYK (simples, sem perfil ICC) | cmyk(21%, 0%, 56%, 58%) |
| Decimal | 5.597.999 |
| Família de matiz | Verdes |
Contraste e acessibilidade
Sobre darkolivegreen, texto branco tem contraste de 5,94:1 e passa no AA para texto normal; texto preto fica em 3,53:1.
Razões de contraste do WCAG 2.2 (critérios 1.4.3 e 1.4.6: AA exige 4,5:1 para texto normal e 3:1 para texto grande; AAA exige 7:1 e 4,5:1). APCA Lc é o contraste de luminosidade do modelo APCA-W3 0.0.98G proposto para o WCAG 3; quanto maior o valor absoluto, mais legível, e Lc 75 é o mínimo sugerido para texto corrido.
| Combinação | Razão | AA | AA grande | AAA | AAA grande | APCA Lc |
|---|---|---|---|---|---|---|
| Texto preto sobre darkolivegreen | 3,53:1 | Falha | Passa | Falha | Falha | 24,4 |
| Texto branco sobre darkolivegreen | 5,94:1 | Passa | Passa | Falha | Passa | −84,9 |
| Texto darkolivegreen sobre branco | 5,94:1 | Passa | Passa | Falha | Passa | 79,7 |
| Texto darkolivegreen sobre preto | 3,53:1 | Falha | Passa | Falha | Falha | −22,1 |
Tons claros e escuros
Cada passo mistura darkolivegreen com branco (tons claros) ou preto (tons escuros) em sRGB com correção gama, o mesmo resultado de color-mix(in srgb, darkolivegreen, white 25%) no CSS.
Tons claros (misturados com branco)
- 5%
#5e7239 - 15%
#6f814e - 25%
#809063 - 35%
#919f78 - 45%
#a2ae8d - 55%
#b3bca1 - 65%
#c4cbb6 - 75%
#d5dacb - 85%
#e6e9e0 - 95%
#f7f8f5
Tons escuros (misturados com preto)
- 5%
#51662d - 15%
#485b28 - 25%
#405023 - 35%
#37461f - 45%
#2f3b1a - 55%
#263015 - 65%
#1e2510 - 75%
#151b0c - 85%
#0d1007 - 95%
#040502
Harmonias de cor
Girando o matiz em OKLCH e mantendo luminosidade e croma, a complementar de darkolivegreen é #6F548A (perto de rebeccapurple), as análogas são #71611B e #30714C e a tríade se completa com #326692 e #8C4B5A. Para texto por cima, branco dá mais contraste.
| Harmonia | Rotação | Cor |
|---|---|---|
| Complementar | +180° | #6f548a |
| Análogas | −30°, +30° | #71611b#30714c |
| Tríade | +120°, +240° | #326692#8c4b5a |
| Complementar dividida | +150°, +210° | #545d95#824d75 |
Calculadas em OKLCH: o matiz gira 180° (complementar), ±30° (análogas), ±120° (tríade) e 180° ±30° (complementar dividida), com luminosidade e croma mantidos. Quando o resultado sai do sRGB, ele é trazido de volta com o algoritmo de mapeamento de gama do CSS Color 4. Por usar OKLCH, os valores diferem das ferramentas que giram o matiz em HSL, mas as cores ficam com a mesma luminosidade percebida.
Quente ou fria?
DarkOliveGreen fica na fronteira: o matiz de 82° no círculo HSL é um verde-amarelado, que parece quente ao lado de azuis e frio ao lado de vermelhos e laranjas.
Cores nomeadas e do Tailwind mais próximas
A distância é o ΔE OK, a distância euclidiana no OKLab multiplicada por 100. Valores abaixo de cerca de 2 são difíceis de distinguir lado a lado.
Código
.element {
color: darkolivegreen;
background-color: #556b2f;
border-color: rgb(85 107 47);
outline-color: oklch(49.6% 0.09 126.2);
}<div class="bg-[#556b2f] text-white">...</div>
/* ou registre uma vez no seu CSS (Tailwind v4) */
@theme {
--color-darkolivegreen: #556b2f;
}
/* depois use bg-darkolivegreen, text-darkolivegreen, border-darkolivegreen */import SwiftUI
extension Color {
static let darkolivegreen = Color(red: 0.333, green: 0.420, blue: 0.184)
}import androidx.compose.ui.graphics.Color
val Darkolivegreen = Color(0xFF556B2F)import 'package:flutter/material.dart';
const darkolivegreen = Color(0xFF556B2F);<!-- res/values/colors.xml -->
<color name="darkolivegreen">#556B2F</color>Perguntas frequentes
- Qual é o código hex da cor darkolivegreen?
- O código hex de darkolivegreen é #556B2F. A mesma cor se escreve rgb(85, 107, 47), hsl(82, 39%, 30%) ou oklch(49.6% 0.09 126.2), e no CSS também dá para usar direto a palavra-chave darkolivegreen.
- DarkOliveGreen é uma cor quente ou fria?
- DarkOliveGreen fica na fronteira: o matiz de 82° no círculo HSL é um verde-amarelado, que parece quente ao lado de azuis e frio ao lado de vermelhos e laranjas.
- Quais cores combinam com darkolivegreen?
- Girando o matiz em OKLCH e mantendo luminosidade e croma, a complementar de darkolivegreen é #6F548A (perto de rebeccapurple), as análogas são #71611B e #30714C e a tríade se completa com #326692 e #8C4B5A. Para texto por cima, branco dá mais contraste.
- Dá para usar texto branco sobre darkolivegreen?
- Texto branco sobre darkolivegreen tem contraste de 5,94:1 e passa no AA para texto normal, mas não no AAA do WCAG 2.2. Texto preto chega a 3,53:1 e passa no AA só para texto grande (a partir de 24 px, ou 18,66 px em negrito). No APCA, o valor é Lc −84,9 para branco e Lc 24,4 para preto.
- Qual é o RGB de darkolivegreen?
- DarkOliveGreen é rgb(85, 107, 47): vermelho 85, verde 107 e azul 47 na escala de 0 a 255, ou 33,3%, 42,0% e 18,4%. Em número decimal, 5597999.
Revisado em por Arielton Oberek.