Najbliższy nazwany kolor · #A652C6
#A652C6
Najbliższy nazwany kolor: Fuchsia Pheromone
#A652C6 (rgb(166 82 198), hsl(283 50% 55%), oklch(0.589 0.185 315.7)) jest najbliższy nazwanemu kolorowi Fuchsia Pheromone. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#A652C6
oklch(0.589 0.185 315.7)
Konwersje koloru
- HEX
- #a652c6
- RGB
- rgb(166 82 198)
- HSL
- hsl(283 50% 55%)
- HWB
- hwb(283 32% 22%)
- OKLCH
- oklch(0.589 0.185 315.7)
- OKLab
- oklab(0.589 0.133 -0.129)
- CIE Lab
- lab(49.44 48.85 -46.45)
- LCH
- lch(49.44 67.4 316.4)
- CMYK
- cmyk(16% 59% 0% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AF65CD
- B877D3
- C188D9
- CA99DF
- D3AAE5
- DCBBEA
- E5CCF0
- EEDDF5
- F6EEFA
Odcienie ciemniejsze
- 9046AC
- 7A3B92
- 652F7A
- 512562
- 3E1A4B
- 2B1135
- 1A0821
- 0A020E
- 010002
Tony
- A359BF
- 9F5EB9
- 9B64B2
- 9869AB
- 946DA4
- 90719D
- 8C7596
- 88798F
- 847D88
Harmonie kolorów
Komplementarna +180°
- A652C6
Fuchsia Pheromone
- 489200
≈ Pistachio Flour
Analogowa -30° +30°
- A652C6
Fuchsia Pheromone
- 7765E4
≈ Medium Slate Blue
- C54395
≈ Boat Orchid
Triada +120° +240°
- A652C6
Fuchsia Pheromone
- A77100
≈ Cookie Dough
- 008F90
≈ Forever Teal
Komplementarna rozszczepiona +150° +210°
- A652C6
Fuchsia Pheromone
- 888100
≈ Drably Olive
- 00946C
≈ Viridian
Tetrada +90° +180° +270°
- A652C6
Fuchsia Pheromone
- C95400
≈ Burnt Orange
- 489200
≈ Pistachio Flour
- 008AB0
≈ Corfu Waters
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.52:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.64:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.64:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--fuchsia-pheromone: #a652c6;
--fuchsia-pheromone-rgb: 166 82 198;
--fuchsia-pheromone-oklch: oklch(0.589 0.185 315.7);
}
.element {
color: var(--fuchsia-pheromone);
background-color: hsl(283 50% 55%);
border-color: oklch(0.589 0.185 315.7);
}Tailwind CSS v4
@theme {
--color-fuchsia-pheromone: #a652c6;
--color-fuchsia-pheromone-50: #ffe5ff;
--color-fuchsia-pheromone-100: #ffd5ff;
--color-fuchsia-pheromone-200: #f5bbff;
--color-fuchsia-pheromone-300: #de98f5;
--color-fuchsia-pheromone-400: #c878e7;
--color-fuchsia-pheromone-500: #b455d7;
--color-fuchsia-pheromone-600: #9849b6;
--color-fuchsia-pheromone-700: #7a3a92;
--color-fuchsia-pheromone-800: #592a6e;
--color-fuchsia-pheromone-900: #3e1c4e;
--color-fuchsia-pheromone-950: #270b34;
}SCSS
$fuchsia-pheromone: #a652c6;
$fuchsia-pheromone-rgb: 166, 82, 198;
$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);
}