Najbliższy nazwany kolor · #A25CA8
#A25CA8
Najbliższy nazwany kolor: Prickly Purple
#A25CA8 (rgb(162 92 168), hsl(295 30% 51%), oklch(0.583 0.136 324.2)) jest najbliższy nazwanemu kolorowi Prickly Purple. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#A25CA8
oklch(0.583 0.136 324.2)
Konwersje koloru
- HEX
- #a25ca8
- RGB
- rgb(162 92 168)
- HSL
- hsl(295 30% 51%)
- HWB
- hwb(295 36% 34%)
- OKLCH
- oklch(0.583 0.136 324.2)
- OKLab
- oklab(0.583 0.11 -0.08)
- CIE Lab
- lab(49.6 38.09 -28.85)
- LCH
- lch(49.6 47.79 322.9)
- CMYK
- cmyk(4% 45% 0% 34%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AC6CB1
- B57CBA
- BF8CC2
- C89CCB
- D2ADD4
- DBBDDD
- E4CDE5
- EDDEEE
- F6EEF6
Odcienie ciemniejsze
- 8C4F92
- 77427C
- 633667
- 4F2A52
- 3C1F3F
- 2A142C
- 190A1A
- 0A030A
- 010001
Tony
- 9F60A4
- 9C65A0
- 99699D
- 966C99
- 927095
- 8F7391
- 8B778D
- 887A88
- 847D84
Harmonie kolorów
Komplementarna +180°
- A25CA8
Prickly Purple
- 408F43
≈ Park Picnic
Analogowa -30° +30°
- A25CA8
Prickly Purple
- 8168C3
≈ Lavish Spending
- B75480
≈ Speedwell
Triada +120° +240°
- A25CA8
Prickly Purple
- 9C7400
≈ Mesozoic Green
- 008C96
≈ Tempo Teal
Komplementarna rozszczepiona +150° +210°
- A25CA8
Prickly Purple
- 7B8300
≈ Drably Olive
- 009076
≈ Dòu Lǜ Green
Tetrada +90° +180° +270°
- A25CA8
Prickly Purple
- B76118
≈ Honey Ginger
- 408F43
≈ Park Picnic
- 0086B8
≈ Dresden Blue
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.53:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.63:1 · APCA Lc 30
Najlepszy kolor tekstu: #000000
WCAG 4.63:1 (AA) · APCA Lc 30
Contrast pairs
Fragmenty kodu
CSS
:root {
--prickly-purple: #a25ca8;
--prickly-purple-rgb: 162 92 168;
--prickly-purple-oklch: oklch(0.583 0.136 324.2);
}
.element {
color: var(--prickly-purple);
background-color: hsl(295 30% 51%);
border-color: oklch(0.583 0.136 324.2);
}Tailwind CSS v4
@theme {
--color-prickly-purple: #a25ca8;
--color-prickly-purple-50: #ffe8ff;
--color-prickly-purple-100: #ffd9ff;
--color-prickly-purple-200: #f3c0f4;
--color-prickly-purple-300: #dc9fdd;
--color-prickly-purple-400: #c681cb;
--color-prickly-purple-500: #b163b8;
--color-prickly-purple-600: #96549c;
--color-prickly-purple-700: #78437d;
--color-prickly-purple-800: #58315e;
--color-prickly-purple-900: #3d2142;
--color-prickly-purple-950: #27102a;
}SCSS
$prickly-purple: #a25ca8;
$prickly-purple-rgb: 162, 92, 168;
$prickly-purple-light: mix(#fff, $prickly-purple, 20%);
$prickly-purple-dark: mix(#000, $prickly-purple, 20%);
.element {
color: $prickly-purple;
box-shadow: 0 0 0 2px rgba($prickly-purple, 0.35);
}