Cor nomeada · #AC8A41
Amber Green
Amber Green é #AC8A41: rgb(172 138 65), hsl(41 45% 46%), oklch(0.651 0.1 84.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Amber Green color name →
#AC8A41
oklch(0.651 0.1 84.3)
Conversões de cor
- HEX
- #ac8a41
- RGB
- rgb(172 138 65)
- HSL
- hsl(41 45% 46%)
- HWB
- hwb(41 25% 33%)
- OKLCH
- oklch(0.651 0.1 84.3)
- OKLab
- oklab(0.651 0.01 0.1)
- CIE Lab
- lab(59.63 7.18 43.3)
- LCH
- lch(59.63 43.89 80.6)
- CMYK
- cmyk(0% 20% 62% 33%)
Tons claros · Sombras · Tons
Tons claros
- B49556
- BCA169
- C5AD7C
- CDB88F
- D5C4A1
- DDD0B4
- E6DBC7
- EEE7D9
- F7F3EC
Sombras
- 957737
- 7F652E
- 695325
- 54421C
- 403213
- 2D220B
- 1B1405
- 0B0701
- 010100
Tons
- A8894A
- A38851
- 9F8858
- 9A875F
- 968665
- 92856B
- 8D8471
- 898276
- 84817B
Harmonias de cor
Complementar +180°
- AC8A41
Amber Green
- 708ECD
≈ Organza Violet
Análoga -30° +30°
- AC8A41
Amber Green
- BF7E52
≈ Rich Copper
- 8E964B
≈ Winter Pea Green
Tríade +120° +240°
- AC8A41
Amber Green
- 2CA1AC
≈ Cancer Seagreen Scarab
- AE7AB2
≈ Berries Galore
Complementar dividida +150° +210°
- AC8A41
Amber Green
- 4999C3
≈ Mountain Bluebird
- 9383C7
≈ Amethyst Grey
Tétrade +90° +180° +270°
- AC8A41
Amber Green
- 3FA38B
≈ Marine Green
- 708ECD
≈ Organza Violet
- BF7593
≈ Benifuji
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.24:1 · APCA Lc 60
Ag
AASobre preto
WCAG 6.46:1 · APCA Lc 42
Melhor cor de texto: #000000
WCAG 6.46:1 (AA) · APCA Lc 42
Contrast pairs
Trechos de código
CSS
:root {
--amber-green: #ac8a41;
--amber-green-rgb: 172 138 65;
--amber-green-oklch: oklch(0.651 0.1 84.3);
}
.element {
color: var(--amber-green);
background-color: hsl(41 45% 46%);
border-color: oklch(0.651 0.1 84.3);
}Tailwind CSS v4
@theme {
--color-amber-green: #ac8a41;
--color-amber-green-50: #fff4d5;
--color-amber-green-100: #f7e6c3;
--color-amber-green-200: #e7d2a4;
--color-amber-green-300: #ceb47b;
--color-amber-green-400: #ba9a56;
--color-amber-green-500: #a5802a;
--color-amber-green-600: #8c6c26;
--color-amber-green-700: #70571e;
--color-amber-green-800: #533f14;
--color-amber-green-900: #3a2b0c;
--color-amber-green-950: #241801;
}SCSS
$amber-green: #ac8a41;
$amber-green-rgb: 172, 138, 65;
$amber-green-light: mix(#fff, $amber-green, 20%);
$amber-green-dark: mix(#000, $amber-green, 20%);
.element {
color: $amber-green;
box-shadow: 0 0 0 2px rgba($amber-green, 0.35);
}