Cor nomeada · #333322
Fuchsia Berries
Fuchsia Berries é #333322: rgb(51 51 34), hsl(60 20% 17%), oklch(0.316 0.029 107.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Fuchsia Berries color name →
#333322
oklch(0.316 0.029 107.9)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 454535
- 575749
- 6A6A5D
- 7E7E73
- 929288
- A7A79F
- BCBCB6
- D2D2CE
- E8E8E6
Sombras
- 2B2B1C
- 232316
- 1C1C11
- 14140B
- 0D0D07
- 070703
- 030301
- 010100
- 000000
Tons
- 3A3A2B
- 414134
- 49493D
- 505046
- 58584F
- 606059
- 686862
- 70706C
- 787876
Harmonias de cor
Complementar +180°
- 333322
Fuchsia Berries
- 313040
≈ Oil Rush
Análoga -30° +30°
- 333322
Fuchsia Berries
- 3A3021
≈ Agrax Earthshade
- 2B3527
≈ Black Leather Jacket
Tríade +120° +240°
- 333322
Fuchsia Berries
- 22353D
≈ Petrol Slumber
- 3D2C34
≈ Late Night Out
Complementar dividida +150° +210°
- 333322
Fuchsia Berries
- 293240
≈ Diamond Black
- 382D3B
≈ Valentino Nero
Tétrade +90° +180° +270°
- 333322
Fuchsia Berries
- 203637
≈ Fait Accompli
- 313040
≈ Oil Rush
- 3F2C2C
≈ Wenge Black
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 12.82:1 · APCA Lc 99
Ag
FailSobre preto
WCAG 1.63:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 12.82:1 (AAA) · APCA Lc 99
Contrast pairs
Trechos de código
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);
}