Colore con nome · #92345B
Forward Fuchsia
Forward Fuchsia è #92345B: rgb(146 52 91), hsl(335 47% 39%), oklch(0.471 0.132 357.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Forward Fuchsia color name →
#92345B
oklch(0.471 0.132 357.7)
Conversioni di colore
- HEX
- #92345b
- RGB
- rgb(146 52 91)
- HSL
- hsl(335 47% 39%)
- HWB
- hwb(335 20% 43%)
- OKLCH
- oklch(0.471 0.132 357.7)
- OKLab
- oklab(0.471 0.132 -0.005)
- CIE Lab
- lab(36.91 42.93 -1.43)
- LCH
- lch(36.91 42.95 358.1)
- CMYK
- cmyk(0% 64% 38% 43%)
Tinte · Ombre · Toni
Tinte
- 9E496A
- AB5D79
- B67189
- C28599
- CD98A9
- D7ACBA
- E2C1CB
- ECD5DC
- F6EAED
Ombre
- 7E2C4E
- 6B2441
- 581C35
- 461529
- 350E1E
- 250713
- 160309
- 080103
- 010000
Toni
- 923D5F
- 914662
- 904E66
- 8F566A
- 8D5D6D
- 8B6471
- 896B75
- 867278
- 83797C
Armonie di colore
Complementare +180°
- 92345B
Forward Fuchsia
- 006B5B
≈ Fresh Ivy Green
Analogo -30° +30°
- 92345B
Forward Fuchsia
- 813B80
≈ Sparkling Grape
- 97362E
≈ Red Chilli
Triadico +120° +240°
- 92345B
Forward Fuchsia
- 566200
≈ Serrano Pepper
- 00628E
≈ Pontoon
Complementare divisa +150° +210°
- 92345B
Forward Fuchsia
- 0B6E2B
≈ Enchanted Glen
- 006772
≈ Kingfisher Bright
Tetradico +90° +180° +270°
- 92345B
Forward Fuchsia
- 725700
≈ Pickled Grape Leaves
- 006B5B
≈ Fresh Ivy Green
- 3B54A5
≈ Blasphemous Blue
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.33:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.86:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.33:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--forward-fuchsia: #92345b;
--forward-fuchsia-rgb: 146 52 91;
--forward-fuchsia-oklch: oklch(0.471 0.132 357.7);
}
.element {
color: var(--forward-fuchsia);
background-color: hsl(335 47% 39%);
border-color: oklch(0.471 0.132 357.7);
}Tailwind CSS v4
@theme {
--color-forward-fuchsia: #92345b;
--color-forward-fuchsia-50: #ffe6f4;
--color-forward-fuchsia-100: #ffd6e6;
--color-forward-fuchsia-200: #ffbdd2;
--color-forward-fuchsia-300: #ef9ab5;
--color-forward-fuchsia-400: #dc7b9e;
--color-forward-fuchsia-500: #c95c86;
--color-forward-fuchsia-600: #aa4e72;
--color-forward-fuchsia-700: #883e5b;
--color-forward-fuchsia-800: #652c44;
--color-forward-fuchsia-900: #471e2f;
--color-forward-fuchsia-950: #2e0e1c;
}SCSS
$forward-fuchsia: #92345b;
$forward-fuchsia-rgb: 146, 52, 91;
$forward-fuchsia-light: mix(#fff, $forward-fuchsia, 20%);
$forward-fuchsia-dark: mix(#000, $forward-fuchsia, 20%);
.element {
color: $forward-fuchsia;
box-shadow: 0 0 0 2px rgba($forward-fuchsia, 0.35);
}