Colore con nome · #333322
Fuchsia Berries
Fuchsia Berries è #333322: rgb(51 51 34), hsl(60 20% 17%), oklch(0.316 0.029 107.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Fuchsia Berries color name →
#333322
oklch(0.316 0.029 107.9)
Conversioni di colore
- HEX
- #333322
- RGB
- rgb(51 51 34)
- HSL
- hsl(60 20% 17%)
- HWB
- hwb(60 13% 80%)
- OKLCH
- oklch(0.316 0.029 107.9)
- OKLab
- oklab(0.316 -0.009 0.027)
- CIE Lab
- lab(20.85 -2.52 10.84)
- LCH
- lch(20.85 11.13 103.1)
- CMYK
- cmyk(0% 0% 33% 80%)
Tinte · Ombre · Toni
Tinte
- 454535
- 575749
- 6A6A5D
- 7E7E73
- 929288
- A7A79F
- BCBCB6
- D2D2CE
- E8E8E6
Ombre
- 2B2B1C
- 232316
- 1C1C11
- 14140B
- 0D0D07
- 070703
- 030301
- 010100
- 000000
Toni
- 3A3A2B
- 414134
- 49493D
- 505046
- 58584F
- 606059
- 686862
- 70706C
- 787876
Armonie di colore
Complementare +180°
- 333322
Fuchsia Berries
- 313040
≈ Oil Rush
Analogo -30° +30°
- 333322
Fuchsia Berries
- 3A3021
≈ Agrax Earthshade
- 2B3527
≈ Black Leather Jacket
Triadico +120° +240°
- 333322
Fuchsia Berries
- 22353D
≈ Petrol Slumber
- 3D2C34
≈ Late Night Out
Complementare divisa +150° +210°
- 333322
Fuchsia Berries
- 293240
≈ Diamond Black
- 382D3B
≈ Valentino Nero
Tetradico +90° +180° +270°
- 333322
Fuchsia Berries
- 203637
≈ Fait Accompli
- 313040
≈ Oil Rush
- 3F2C2C
≈ Wenge Black
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 12.82:1 · APCA Lc 99
Ag
FailSu nero
WCAG 1.63:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 12.82:1 (AAA) · APCA Lc 99
Contrast pairs
Frammenti di codice
CSS
:root {
--fuchsia-berries: #333322;
--fuchsia-berries-rgb: 51 51 34;
--fuchsia-berries-oklch: oklch(0.316 0.029 107.9);
}
.element {
color: var(--fuchsia-berries);
background-color: hsl(60 20% 17%);
border-color: oklch(0.316 0.029 107.9);
}Tailwind CSS v4
@theme {
--color-fuchsia-berries: #333322;
--color-fuchsia-berries-50: #f5f6ed;
--color-fuchsia-berries-100: #e8e9de;
--color-fuchsia-berries-200: #d5d5c8;
--color-fuchsia-berries-300: #b8b9a8;
--color-fuchsia-berries-400: #a0a08d;
--color-fuchsia-berries-500: #888872;
--color-fuchsia-berries-600: #737361;
--color-fuchsia-berries-700: #5c5c4d;
--color-fuchsia-berries-800: #434338;
--color-fuchsia-berries-900: #2f2e26;
--color-fuchsia-berries-950: #1b1b15;
}SCSS
$fuchsia-berries: #333322;
$fuchsia-berries-rgb: 51, 51, 34;
$fuchsia-berries-light: mix(#fff, $fuchsia-berries, 20%);
$fuchsia-berries-dark: mix(#000, $fuchsia-berries, 20%);
.element {
color: $fuchsia-berries;
box-shadow: 0 0 0 2px rgba($fuchsia-berries, 0.35);
}