Cor nomeada · #AE8245
Unforgettably Gold
Unforgettably Gold é #AE8245: rgb(174 130 69), hsl(35 43% 48%), oklch(0.637 0.095 73.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Unforgettably Gold color name →
#AE8245
oklch(0.637 0.095 73.6)
Conversões de cor
- HEX
- #ae8245
- RGB
- rgb(174 130 69)
- HSL
- hsl(35 43% 48%)
- HWB
- hwb(35 27% 32%)
- OKLCH
- oklch(0.637 0.095 73.6)
- OKLab
- oklab(0.637 0.027 0.091)
- CIE Lab
- lab(57.83 12.5 39.38)
- LCH
- lch(57.83 41.32 72.4)
- CMYK
- cmyk(0% 25% 60% 32%)
Tons claros · Sombras · Tons
Tons claros
- B68E59
- BE9A6B
- C7A77E
- CFB390
- D7C0A2
- DFCCB5
- E7D9C7
- EFE5D9
- F7F2EC
Sombras
- 97703B
- 805F31
- 6A4E27
- 553E1E
- 412F15
- 2E200C
- 1C1205
- 0B0602
- 010100
Tons
- AA824D
- A58254
- A1825A
- 9C8260
- 978266
- 93826C
- 8E8171
- 898176
- 85807B
Harmonias de cor
Complementar +180°
- AE8245
Unforgettably Gold
- 618EC4
≈ Cobalt Glow
Análoga -30° +30°
- AE8245
Unforgettably Gold
- BC785B
≈ Oxide
- 958E45
≈ Retro Avocado
Tríade +120° +240°
- AE8245
Unforgettably Gold
- 319D9C
≈ Baltic
- A07AB4
≈ English Lavender
Complementar dividida +150° +210°
- AE8245
Unforgettably Gold
- 3E98B6
≈ Sports Blue
- 8483C3
≈ Faraway Sky
Tétrade +90° +180° +270°
- AE8245
Unforgettably Gold
- 4D9D7B
≈ Natural Orchestra
- 618EC4
≈ Cobalt Glow
- B4739A
≈ So Long Shadow
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.45:1 · APCA Lc 62
Ag
AASobre preto
WCAG 6.07:1 · APCA Lc 40
Melhor cor de texto: #000000
WCAG 6.07:1 (AA) · APCA Lc 40
Contrast pairs
Trechos de código
CSS
:root {
--unforgettably-gold: #ae8245;
--unforgettably-gold-rgb: 174 130 69;
--unforgettably-gold-oklch: oklch(0.637 0.095 73.6);
}
.element {
color: var(--unforgettably-gold);
background-color: hsl(35 43% 48%);
border-color: oklch(0.637 0.095 73.6);
}Tailwind CSS v4
@theme {
--color-unforgettably-gold: #ae8245;
--color-unforgettably-gold-50: #fff2d8;
--color-unforgettably-gold-100: #fbe4c5;
--color-unforgettably-gold-200: #eccfa7;
--color-unforgettably-gold-300: #d4b180;
--color-unforgettably-gold-400: #c0965d;
--color-unforgettably-gold-500: #ac7c36;
--color-unforgettably-gold-600: #91692f;
--color-unforgettably-gold-700: #745425;
--color-unforgettably-gold-800: #573c1a;
--color-unforgettably-gold-900: #3d2a10;
--color-unforgettably-gold-950: #261704;
}SCSS
$unforgettably-gold: #ae8245;
$unforgettably-gold-rgb: 174, 130, 69;
$unforgettably-gold-light: mix(#fff, $unforgettably-gold, 20%);
$unforgettably-gold-dark: mix(#000, $unforgettably-gold, 20%);
.element {
color: $unforgettably-gold;
box-shadow: 0 0 0 2px rgba($unforgettably-gold, 0.35);
}