Colore con nome · #93877C
Film Fest
Film Fest è #93877C: rgb(147 135 124), hsl(29 10% 53%), oklch(0.631 0.022 65). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Film Fest color name →
#93877C
oklch(0.631 0.022 65)
Conversioni di colore
- HEX
- #93877c
- RGB
- rgb(147 135 124)
- HSL
- hsl(29 10% 53%)
- HWB
- hwb(29 49% 42%)
- OKLCH
- oklch(0.631 0.022 65)
- OKLab
- oklab(0.631 0.009 0.02)
- CIE Lab
- lab(57.16 3.23 7.66)
- LCH
- lch(57.16 8.31 67.1)
- CMYK
- cmyk(0% 8% 16% 42%)
Tinte · Ombre · Toni
Tinte
- 9D9288
- A89E95
- B2AAA2
- BDB5AE
- C8C1BB
- D3CDC9
- DEDAD6
- E9E6E4
- F4F2F1
Ombre
- 7F756B
- 6C635A
- 59514A
- 47413B
- 36312C
- 25211E
- 161311
- 080605
- 010101
Toni
- 91867C
- 8F867D
- 8D857D
- 8B847E
- 8A847E
- 88837E
- 86827F
- 84817F
- 828180
Armonie di colore
Complementare +180°
- 93877C
Film Fest
- 7F8B96
≈ Denim Drift
Analogo -30° +30°
- 93877C
Film Fest
- 968581
≈ Wine Crush
- 8D8A7B
≈ Cricket’s Cross
Triadico +120° +240°
- 93877C
Film Fest
- 7B8E8B
≈ Northern Juniper
- 8C8694
≈ Miracle
Complementare divisa +150° +210°
- 93877C
Film Fest
- 7B8D92
≈ Harrow’s Gate
- 858997
≈ Ombre Grey
Tetradico +90° +180° +270°
- 93877C
Film Fest
- 808E84
≈ Mummy’s Tomb
- 7F8B96
≈ Denim Drift
- 92858F
≈ Quixotic
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.50:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.99:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 5.99:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--film-fest: #93877c;
--film-fest-rgb: 147 135 124;
--film-fest-oklch: oklch(0.631 0.022 65);
}
.element {
color: var(--film-fest);
background-color: hsl(29 10% 53%);
border-color: oklch(0.631 0.022 65);
}Tailwind CSS v4
@theme {
--color-film-fest: #93877c;
--color-film-fest-50: #faf4ef;
--color-film-fest-100: #ede7e0;
--color-film-fest-200: #dbd3cb;
--color-film-fest-300: #bfb5ac;
--color-film-fest-400: #a89c91;
--color-film-fest-500: #918477;
--color-film-fest-600: #7a6f65;
--color-film-fest-700: #625951;
--color-film-fest-800: #48413b;
--color-film-fest-900: #322d28;
--color-film-fest-950: #1e1a16;
}SCSS
$film-fest: #93877c;
$film-fest-rgb: 147, 135, 124;
$film-fest-light: mix(#fff, $film-fest, 20%);
$film-fest-dark: mix(#000, $film-fest, 20%);
.element {
color: $film-fest;
box-shadow: 0 0 0 2px rgba($film-fest, 0.35);
}