Najbliższy nazwany kolor · #9450AC
#9450AC
Najbliższy nazwany kolor: Fuchsia Pheromone
#9450AC (rgb(148 80 172), hsl(284 37% 49%), oklch(0.55 0.153 316.6)) jest najbliższy nazwanemu kolorowi Fuchsia Pheromone. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#9450AC
oklch(0.55 0.153 316.6)
Konwersje koloru
- HEX
- #9450ac
- RGB
- rgb(148 80 172)
- HSL
- hsl(284 37% 49%)
- HWB
- hwb(284 31% 33%)
- OKLCH
- oklch(0.55 0.153 316.6)
- OKLab
- oklab(0.55 0.111 -0.105)
- CIE Lab
- lab(45.42 40.36 -37.88)
- LCH
- lch(45.42 55.36 316.8)
- CMYK
- cmyk(14% 53% 0% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9F62B5
- AA73BD
- B485C6
- BF96CE
- CAA7D7
- D4B8DF
- DFCAE7
- EADBEF
- F4EDF7
Odcienie ciemniejsze
- 804495
- 6D397F
- 5A2E69
- 482454
- 361A40
- 26102D
- 16071B
- 08020B
- 010001
Tony
- 9256A8
- 915CA4
- 8F61A0
- 8D669C
- 8B6B97
- 896F93
- 87748E
- 85788A
- 827C85
Harmonie kolorów
Komplementarna +180°
- 9450AC
Fuchsia Pheromone
- 428418
≈ Fruitless Fig Tree
Analogowa -30° +30°
- 9450AC
Fuchsia Pheromone
- 6D5FC5
≈ Ameixa
- AE4583
≈ Romantic Rose
Triada +120° +240°
- 9450AC
Fuchsia Pheromone
- 976700
≈ Gamboge Brown
- 008284
≈ Fanfare
Komplementarna rozszczepiona +150° +210°
- 9450AC
Fuchsia Pheromone
- 7A7500
≈ Medusa’s Snakes
- 008663
≈ Spectral Green
Tetrada +90° +180° +270°
- 9450AC
Fuchsia Pheromone
- B64D00
≈ Skrag Brown
- 428418
≈ Fruitless Fig Tree
- 007DA1
≈ Turkish Tile
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.24:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 4.00:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--fuchsia-pheromone: #9450ac;
--fuchsia-pheromone-rgb: 148 80 172;
--fuchsia-pheromone-oklch: oklch(0.55 0.153 316.6);
}
.element {
color: var(--fuchsia-pheromone);
background-color: hsl(284 37% 49%);
border-color: oklch(0.55 0.153 316.6);
}Tailwind CSS v4
@theme {
--color-fuchsia-pheromone: #9450ac;
--color-fuchsia-pheromone-50: #ffe8ff;
--color-fuchsia-pheromone-100: #fed8ff;
--color-fuchsia-pheromone-200: #f1c0ff;
--color-fuchsia-pheromone-300: #d99eea;
--color-fuchsia-pheromone-400: #c280da;
--color-fuchsia-pheromone-500: #ad61c9;
--color-fuchsia-pheromone-600: #9252a9;
--color-fuchsia-pheromone-700: #754288;
--color-fuchsia-pheromone-800: #562f66;
--color-fuchsia-pheromone-900: #3c2048;
--color-fuchsia-pheromone-950: #250f2f;
}SCSS
$fuchsia-pheromone: #9450ac;
$fuchsia-pheromone-rgb: 148, 80, 172;
$fuchsia-pheromone-light: mix(#fff, $fuchsia-pheromone, 20%);
$fuchsia-pheromone-dark: mix(#000, $fuchsia-pheromone, 20%);
.element {
color: $fuchsia-pheromone;
box-shadow: 0 0 0 2px rgba($fuchsia-pheromone, 0.35);
}