En yakın adlandırılmış renk · #8861CF
#8861CF
En yakın adlandırılmış renk: Amethyst
#8861CF (rgb(136 97 207), hsl(261 53% 60%), oklch(0.584 0.164 297.4)) en çok Amethyst adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#8861CF
oklch(0.584 0.164 297.4)
Renk dönüşümleri
- HEX
- #8861cf
- RGB
- rgb(136 97 207)
- HSL
- hsl(261 53% 60%)
- HWB
- hwb(261 38% 19%)
- OKLCH
- oklch(0.584 0.164 297.4)
- OKLab
- oklab(0.584 0.076 -0.146)
- CIE Lab
- lab(49.29 34.26 -52.11)
- LCH
- lch(49.29 62.36 303.3)
- CMYK
- cmyk(34% 53% 0% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9371D5
- 9E81DA
- A991E0
- B5A1E5
- C1B0EA
- CDC0EF
- D9D0F3
- E5DFF7
- F2EFFB
Koyu tonlar
- 7553B4
- 634699
- 52397F
- 412D67
- 31214F
- 221538
- 130B23
- 060310
- 010002
Gri tonlar
- 8765C7
- 8669C0
- 856DB8
- 8470B1
- 8373A9
- 8276A1
- 827999
- 817B91
- 807E89
Renk uyumları
Tamamlayıcı +180°
- 8861CF
Amethyst
- 768500
≈ Swamp Green
Analog -30° +30°
- 8861CF
Amethyst
- 5173DC
≈ Cornflower
- AD52AD
≈ Orchid Dottyback
Üçlü +120° +240°
- 8861CF
Amethyst
- B86200
≈ Honey Ginger
- 00907B
≈ Miami Jade
Bölünmüş tamamlayıcı +150° +210°
- 8861CF
Amethyst
- 997600
≈ Mesozoic Green
- 16943B
≈ Pixelated Grass
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.50:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.65:1 · APCA Lc 31
En iyi metin rengi: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Kod parçacıkları
CSS
:root {
--amethyst: #8861cf;
--amethyst-rgb: 136 97 207;
--amethyst-oklch: oklch(0.584 0.164 297.4);
}
.element {
color: var(--amethyst);
background-color: hsl(261 53% 60%);
border-color: oklch(0.584 0.164 297.4);
}Tailwind CSS v4
@theme {
--color-amethyst: #8861cf;
--color-amethyst-50: #fbebff;
--color-amethyst-100: #efdcff;
--color-amethyst-200: #dec5ff;
--color-amethyst-300: #c4a4ff;
--color-amethyst-400: #aa87f2;
--color-amethyst-500: #9468e3;
--color-amethyst-600: #7d59c0;
--color-amethyst-700: #64479a;
--color-amethyst-800: #483474;
--color-amethyst-900: #322352;
--color-amethyst-950: #1e1237;
}SCSS
$amethyst: #8861cf;
$amethyst-rgb: 136, 97, 207;
$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);
}