Cor nomeada mais próxima · #846835
#846835
Cor nomeada mais próxima: Aged Antics
#846835 (rgb(132 104 53), hsl(39 43% 36%), oklch(0.534 0.077 80.8)) é mais próxima da cor nomeada Aged Antics. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#846835
oklch(0.534 0.077 80.8)
Conversões de cor
- HEX
- #846835
- RGB
- rgb(132 104 53)
- HSL
- hsl(39 43% 36%)
- HWB
- hwb(39 21% 48%)
- OKLCH
- oklch(0.534 0.077 80.8)
- OKLab
- oklab(0.534 0.012 0.076)
- CIE Lab
- lab(46.01 6.92 32.74)
- LCH
- lch(46.01 33.47 78.1)
- CMYK
- cmyk(0% 21% 60% 48%)
Tons claros · Sombras · Tons
Tons claros
- 907649
- 9C855D
- A89371
- B4A284
- C0B198
- CDC0AC
- D9D0C0
- E6DFD5
- F2EFEA
Sombras
- 72592D
- 604B25
- 4F3E1D
- 3F3015
- 2F240E
- 201808
- 120C03
- 060401
- 010000
Tons
- 846B3E
- 836D46
- 83704E
- 837255
- 82745D
- 827764
- 82796B
- 817B72
- 817E79
Harmonias de cor
Complementar +180°
- 846835
Aged Antics
- 536D9A
≈ San Marino
Análoga -30° +30°
- 846835
Aged Antics
- 915F42
≈ Cinnamon Spice
- 6F713A
≈ Relentless Olive
Tríade +120° +240°
- 846835
Aged Antics
- 287A7F
≈ Atoll
- 815E88
≈ Dusty Purple
Complementar dividida +150° +210°
- 846835
Aged Antics
- 387592
≈ Cottage by the Sea
- 6D6597
≈ Dark Horizon
Tétrade +90° +180° +270°
- 846835
Aged Antics
- 377B67
≈ Census
- 536D9A
≈ San Marino
- 8F5A73
≈ Blackberry Tint
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.23:1 · APCA Lc 76
Ag
FailSobre preto
WCAG 4.01:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--aged-antics: #846835;
--aged-antics-rgb: 132 104 53;
--aged-antics-oklch: oklch(0.534 0.077 80.8);
}
.element {
color: var(--aged-antics);
background-color: hsl(39 43% 36%);
border-color: oklch(0.534 0.077 80.8);
}Tailwind CSS v4
@theme {
--color-aged-antics: #846835;
--color-aged-antics-50: #fff4dd;
--color-aged-antics-100: #f5e6cb;
--color-aged-antics-200: #e5d2af;
--color-aged-antics-300: #cbb48a;
--color-aged-antics-400: #b69a69;
--color-aged-antics-500: #a18147;
--color-aged-antics-600: #886d3d;
--color-aged-antics-700: #6d5731;
--color-aged-antics-800: #513f22;
--color-aged-antics-900: #382b16;
--color-aged-antics-950: #231908;
}SCSS
$aged-antics: #846835;
$aged-antics-rgb: 132, 104, 53;
$aged-antics-light: mix(#fff, $aged-antics, 20%);
$aged-antics-dark: mix(#000, $aged-antics, 20%);
.element {
color: $aged-antics;
box-shadow: 0 0 0 2px rgba($aged-antics, 0.35);
}