Colore con nome · #57493D
Momentous Occasion
Momentous Occasion è #57493D: rgb(87 73 61), hsl(28 18% 29%), oklch(0.416 0.027 62.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Momentous Occasion color name →
#57493D
oklch(0.416 0.027 62.6)
Conversioni di colore
- HEX
- #57493d
- RGB
- rgb(87 73 61)
- HSL
- hsl(28 18% 29%)
- HWB
- hwb(28 24% 66%)
- OKLCH
- oklch(0.416 0.027 62.6)
- OKLab
- oklab(0.416 0.012 0.024)
- CIE Lab
- lab(32.21 4.57 9.53)
- LCH
- lch(32.21 10.56 64.4)
- CMYK
- cmyk(0% 16% 30% 66%)
Tinte · Ombre · Toni
Tinte
- 66594E
- 766A60
- 867B72
- 978D85
- A79F98
- B8B2AC
- CAC5C0
- DBD8D5
- EDEBEA
Ombre
- 4B3E34
- 3E342B
- 332A22
- 27201A
- 1C1712
- 120E0A
- 080604
- 030201
- 000000
Toni
- 5B4E43
- 5F544A
- 635950
- 675E57
- 6B645E
- 6F6964
- 746F6B
- 787572
- 7C7A79
Armonie di colore
Complementare +180°
- 57493D
Momentous Occasion
- 3F4E5A
≈ Presidential
Analogo -30° +30°
- 57493D
Momentous Occasion
- 5A4743
≈ Shopping Bag
- 514C3B
≈ Deep Desert Shadow
Triadico +120° +240°
- 57493D
Momentous Occasion
- 3C514D
≈ Heavy Black Green
- 4F4959
≈ House Stark Grey
Complementare divisa +150° +210°
- 57493D
Momentous Occasion
- 3B5055
≈ Mountain Midnight
- 474B5B
≈ Black Flame
Tetradico +90° +180° +270°
- 57493D
Momentous Occasion
- 415045
≈ Charcoal Smoke
- 3F4E5A
≈ Presidential
- 554753
≈ Napa Harvest
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.65:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.42:1 · APCA Lc 13
Miglior colore del testo: #FFFFFF
WCAG 8.65:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--momentous-occasion: #57493d;
--momentous-occasion-rgb: 87 73 61;
--momentous-occasion-oklch: oklch(0.416 0.027 62.6);
}
.element {
color: var(--momentous-occasion);
background-color: hsl(28 18% 29%);
border-color: oklch(0.416 0.027 62.6);
}Tailwind CSS v4
@theme {
--color-momentous-occasion: #57493d;
--color-momentous-occasion-50: #fbf4ed;
--color-momentous-occasion-100: #efe6df;
--color-momentous-occasion-200: #ddd2c9;
--color-momentous-occasion-300: #c2b5a9;
--color-momentous-occasion-400: #ab9b8e;
--color-momentous-occasion-500: #948374;
--color-momentous-occasion-600: #7d6f62;
--color-momentous-occasion-700: #64584f;
--color-momentous-occasion-800: #4a4039;
--color-momentous-occasion-900: #332c27;
--color-momentous-occasion-950: #1f1915;
}SCSS
$momentous-occasion: #57493d;
$momentous-occasion-rgb: 87, 73, 61;
$momentous-occasion-light: mix(#fff, $momentous-occasion, 20%);
$momentous-occasion-dark: mix(#000, $momentous-occasion, 20%);
.element {
color: $momentous-occasion;
box-shadow: 0 0 0 2px rgba($momentous-occasion, 0.35);
}