Najbliższy nazwany kolor · #A542B0
#A542B0
Najbliższy nazwany kolor: Fuchsia Pheromone
#A542B0 (rgb(165 66 176), hsl(294 45% 47%), oklch(0.556 0.187 323.6)) jest najbliższy nazwanemu kolorowi Fuchsia Pheromone. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#A542B0
oklch(0.556 0.187 323.6)
Konwersje koloru
- HEX
- #a542b0
- RGB
- rgb(165 66 176)
- HSL
- hsl(294 45% 47%)
- HWB
- hwb(294 26% 31%)
- OKLCH
- oklch(0.556 0.187 323.6)
- OKLab
- oklab(0.556 0.15 -0.111)
- CIE Lab
- lab(45.51 52.49 -39.89)
- LCH
- lch(45.51 65.92 322.8)
- CMYK
- cmyk(6% 63% 0% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AF57B8
- B96BC1
- C27EC9
- CB90D1
- D4A3D9
- DDB5E1
- E6C7E9
- EFDAF0
- F7ECF8
Odcienie ciemniejsze
- 8F3899
- 792F82
- 65256C
- 511C56
- 3D1442
- 2B0B2E
- 1A051C
- 0A010B
- 010001
Tony
- A24BAC
- 9F53A7
- 9C5AA3
- 98609E
- 956699
- 916C94
- 8D7190
- 89768B
- 857B85
Harmonie kolorów
Komplementarna +180°
- A542B0
Fuchsia Pheromone
- 008C15
≈ Emerald
Analogowa -30° +30°
- A542B0
Fuchsia Pheromone
- 7C55D4
≈ Astro Purple
- BF337B
≈ Pink Shadow
Triada +120° +240°
- A542B0
Fuchsia Pheromone
- 936C00
≈ Honey Yellow Green
- 00838C
≈ Precious Blue
Komplementarna rozszczepiona +150° +210°
- A542B0
Fuchsia Pheromone
- 737A00
≈ Flag Green
- 00876E
≈ Celtic Queen
Tetrada +90° +180° +270°
- A542B0
Fuchsia Pheromone
- B05700
≈ Elm Brown Red
- 008C15
≈ Emerald
- 007DAC
≈ Neptune
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.24:1 · APCA Lc 75
Ag
FailNa czerni
WCAG 4.00:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--fuchsia-pheromone: #a542b0;
--fuchsia-pheromone-rgb: 165 66 176;
--fuchsia-pheromone-oklch: oklch(0.556 0.187 323.6);
}
.element {
color: var(--fuchsia-pheromone);
background-color: hsl(294 45% 47%);
border-color: oklch(0.556 0.187 323.6);
}Tailwind CSS v4
@theme {
--color-fuchsia-pheromone: #a542b0;
--color-fuchsia-pheromone-50: #ffe3ff;
--color-fuchsia-pheromone-100: #ffd3ff;
--color-fuchsia-pheromone-200: #feb8ff;
--color-fuchsia-pheromone-300: #e894eb;
--color-fuchsia-pheromone-400: #d273dc;
--color-fuchsia-pheromone-500: #bf4fcb;
--color-fuchsia-pheromone-600: #a144ab;
--color-fuchsia-pheromone-700: #81368a;
--color-fuchsia-pheromone-800: #5f2768;
--color-fuchsia-pheromone-900: #421a49;
--color-fuchsia-pheromone-950: #2a0a30;
}SCSS
$fuchsia-pheromone: #a542b0;
$fuchsia-pheromone-rgb: 165, 66, 176;
$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);
}