Najbliższy nazwany kolor · #8F5FCA
#8F5FCA
Najbliższy nazwany kolor: Amethyst
#8F5FCA (rgb(143 95 202), hsl(267 50% 58%), oklch(0.585 0.162 302.4)) jest najbliższy nazwanemu kolorowi Amethyst. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#8F5FCA
oklch(0.585 0.162 302.4)
Konwersje koloru
- HEX
- #8f5fca
- RGB
- rgb(143 95 202)
- HSL
- hsl(267 50% 58%)
- HWB
- hwb(267 37% 21%)
- OKLCH
- oklch(0.585 0.162 302.4)
- OKLab
- oklab(0.585 0.087 -0.137)
- CIE Lab
- lab(49.37 36.36 -49.07)
- LCH
- lch(49.37 61.07 306.5)
- CMYK
- cmyk(29% 53% 0% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9970D0
- A480D6
- AF90DC
- BA9FE2
- C5AFE7
- D0BFEC
- DCCFF1
- E7DFF6
- F3EFFB
Odcienie ciemniejsze
- 7C52AF
- 694495
- 57387C
- 452C64
- 34204D
- 241537
- 150A22
- 07030F
- 010002
Tony
- 8D63C3
- 8C68BC
- 8A6BB5
- 896FAE
- 8772A6
- 86759F
- 847897
- 837B90
- 817E88
Harmonie kolorów
Komplementarna +180°
- 8F5FCA
Amethyst
- 6D8800
≈ Swamp Green
Analogowa -30° +30°
- 8F5FCA
Amethyst
- 5C71DA
≈ Cornflower
- B151A5
≈ Orchid Dottyback
Triada +120° +240°
- 8F5FCA
Amethyst
- B26600
≈ Ginger
- 008F81
≈ Philips Green
Komplementarna rozszczepiona +150° +210°
- 8F5FCA
Amethyst
- 957900
≈ Bhūrā Brown
- 00944C
≈ Paperboy’s Lawn
Tetrada +90° +180° +270°
- 8F5FCA
Amethyst
- C94E37
≈ Fox
- 6D8800
≈ Swamp Green
- 008B9F
≈ Parrot Flight
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.50:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.65:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--amethyst: #8f5fca;
--amethyst-rgb: 143 95 202;
--amethyst-oklch: oklch(0.585 0.162 302.4);
}
.element {
color: var(--amethyst);
background-color: hsl(267 50% 58%);
border-color: oklch(0.585 0.162 302.4);
}Tailwind CSS v4
@theme {
--color-amethyst: #8f5fca;
--color-amethyst-50: #ffeaff;
--color-amethyst-100: #f4dbff;
--color-amethyst-200: #e4c3ff;
--color-amethyst-300: #caa2fa;
--color-amethyst-400: #b184ed;
--color-amethyst-500: #9c66dd;
--color-amethyst-600: #8457bb;
--color-amethyst-700: #694596;
--color-amethyst-800: #4c3271;
--color-amethyst-900: #352250;
--color-amethyst-950: #201135;
}SCSS
$amethyst: #8f5fca;
$amethyst-rgb: 143, 95, 202;
$amethyst-light: mix(#fff, $amethyst, 20%);
$amethyst-dark: mix(#000, $amethyst, 20%);
.element {
color: $amethyst;
box-shadow: 0 0 0 2px rgba($amethyst, 0.35);
}