Cor nomeada · #AA8D4D
Golden Years
Golden Years é #AA8D4D: rgb(170 141 77), hsl(41 38% 48%), oklch(0.656 0.09 85.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Golden Years color name →
#AA8D4D
oklch(0.656 0.09 85.5)
Conversões de cor
- HEX
- #aa8d4d
- RGB
- rgb(170 141 77)
- HSL
- hsl(41 38% 48%)
- HWB
- hwb(41 30% 33%)
- OKLCH
- oklch(0.656 0.09 85.5)
- OKLab
- oklab(0.656 0.007 0.09)
- CIE Lab
- lab(60.33 5.41 38.04)
- LCH
- lch(60.33 38.43 81.9)
- CMYK
- cmyk(0% 17% 55% 33%)
Tons claros · Sombras · Tons
Tons claros
- B29860
- BBA371
- C3AF83
- CCBA95
- D4C5A6
- DDD1B8
- E5DCC9
- EEE8DB
- F6F3ED
Sombras
- 937A42
- 7D6737
- 68552C
- 534422
- 3F3318
- 2D230F
- 1B1407
- 0B0702
- 010100
Tons
- A68C54
- A28B5A
- 9D8A5F
- 998865
- 95876A
- 91866F
- 8D8473
- 888378
- 84817C
Harmonias de cor
Complementar +180°
- AA8D4D
Golden Years
- 7790C9
≈ Organza Violet
Análoga -30° +30°
- AA8D4D
Golden Years
- BC825A
≈ Southern Barrens Mud
- 8F9856
≈ Totally Broccoli
Tríade +120° +240°
- AA8D4D
Golden Years
- 41A1AC
≈ Marlin Green
- AE7EAF
≈ Heart Potion
Complementar dividida +150° +210°
- AA8D4D
Golden Years
- 569AC1
≈ Mountain Bluebird
- 9586C2
≈ Amethyst Grey
Tétrade +90° +180° +270°
- AA8D4D
Golden Years
- 4CA38E
≈ Corrosion Green
- 7790C9
≈ Organza Violet
- BD7A93
≈ Polignac
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.16:1 · APCA Lc 59
Ag
AASobre preto
WCAG 6.62:1 · APCA Lc 43
Melhor cor de texto: #000000
WCAG 6.62:1 (AA) · APCA Lc 43
Contrast pairs
Trechos de código
CSS
:root {
--golden-years: #aa8d4d;
--golden-years-rgb: 170 141 77;
--golden-years-oklch: oklch(0.656 0.09 85.5);
}
.element {
color: var(--golden-years);
background-color: hsl(41 38% 48%);
border-color: oklch(0.656 0.09 85.5);
}Tailwind CSS v4
@theme {
--color-golden-years: #aa8d4d;
--color-golden-years-50: #fff4d9;
--color-golden-years-100: #f5e7c6;
--color-golden-years-200: #e5d3a9;
--color-golden-years-300: #cbb582;
--color-golden-years-400: #b79b5e;
--color-golden-years-500: #a18138;
--color-golden-years-600: #886e31;
--color-golden-years-700: #6d5827;
--color-golden-years-800: #513f1a;
--color-golden-years-900: #392c11;
--color-golden-years-950: #231904;
}SCSS
$golden-years: #aa8d4d;
$golden-years-rgb: 170, 141, 77;
$golden-years-light: mix(#fff, $golden-years, 20%);
$golden-years-dark: mix(#000, $golden-years, 20%);
.element {
color: $golden-years;
box-shadow: 0 0 0 2px rgba($golden-years, 0.35);
}