Cor nomeada · #D19957
Autumn Spice
Autumn Spice é #D19957: rgb(209 153 87), hsl(32 57% 58%), oklch(0.723 0.107 69.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Autumn Spice color name →
#D19957
oklch(0.723 0.107 69.3)
Conversões de cor
- HEX
- #d19957
- RGB
- rgb(209 153 87)
- HSL
- hsl(32 57% 58%)
- HWB
- hwb(32 34% 18%)
- OKLCH
- oklch(0.723 0.107 69.3)
- OKLab
- oklab(0.723 0.038 0.1)
- CIE Lab
- lab(67.72 16.42 42.85)
- LCH
- lch(67.72 45.89 69)
- CMYK
- cmyk(0% 27% 58% 18%)
Tons claros · Sombras · Tons
Tons claros
- D6A369
- DBAD7A
- E0B88B
- E4C29C
- E9CCAC
- EED6BD
- F2E0CD
- F6EBDE
- FBF5EE
Sombras
- B5844B
- 9B703E
- 815D33
- 684A27
- 50381C
- 392712
- 231708
- 100803
- 020100
Tons
- C9975D
- C19462
- B99267
- B1906B
- A98D6F
- A08B73
- 988877
- 90857A
- 88837D
Harmonias de cor
Complementar +180°
- D19957
Autumn Spice
- 6FABE6
≈ Greek Sea
Análoga -30° +30°
- D19957
Autumn Spice
- DF8E73
≈ Middle Red
- B6A753
≈ Moss Stone
Tríade +120° +240°
- D19957
Autumn Spice
- 41BBB3
≈ Magnetic Magic
- B993D8
≈ Lenurple
Complementar dividida +150° +210°
- D19957
Autumn Spice
- 48B5D3
≈ Blue Martini
- 979EE8
≈ Cold Lips
Tétrade +90° +180° +270°
- D19957
Autumn Spice
- 65BA8D
≈ Garden Variety
- 6FABE6
≈ Greek Sea
- D28BBC
≈ Cyclamen
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.49:1 · APCA Lc 49
Ag
AAASobre preto
WCAG 8.40:1 · APCA Lc 53
Melhor cor de texto: #000000
WCAG 8.40:1 (AAA) · APCA Lc 53
Contrast pairs
Trechos de código
CSS
:root {
--autumn-spice: #d19957;
--autumn-spice-rgb: 209 153 87;
--autumn-spice-oklch: oklch(0.723 0.107 69.3);
}
.element {
color: var(--autumn-spice);
background-color: hsl(32 57% 58%);
border-color: oklch(0.723 0.107 69.3);
}Tailwind CSS v4
@theme {
--color-autumn-spice: #d19957;
--color-autumn-spice-50: #fff1d5;
--color-autumn-spice-100: #ffe3c2;
--color-autumn-spice-200: #f2cda3;
--color-autumn-spice-300: #daaf7a;
--color-autumn-spice-400: #c79355;
--color-autumn-spice-500: #b37829;
--color-autumn-spice-600: #976625;
--color-autumn-spice-700: #7a511d;
--color-autumn-spice-800: #5b3a14;
--color-autumn-spice-900: #3f280d;
--color-autumn-spice-950: #281602;
}SCSS
$autumn-spice: #d19957;
$autumn-spice-rgb: 209, 153, 87;
$autumn-spice-light: mix(#fff, $autumn-spice, 20%);
$autumn-spice-dark: mix(#000, $autumn-spice, 20%);
.element {
color: $autumn-spice;
box-shadow: 0 0 0 2px rgba($autumn-spice, 0.35);
}