Adlandırılmış renk · #57317E
Foggy Amethyst
Foggy Amethyst, #57317E: rgb(87 49 126), hsl(270 44% 34%), oklch(0.4 0.127 304). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Foggy Amethyst color name →
#57317E
oklch(0.4 0.127 304)
Renk dönüşümleri
- HEX
- #57317e
- RGB
- rgb(87 49 126)
- HSL
- hsl(270 44% 34%)
- HWB
- hwb(270 19% 51%)
- OKLCH
- oklch(0.4 0.127 304)
- OKLab
- oklab(0.4 0.071 -0.105)
- CIE Lab
- lab(28.35 29.83 -37.66)
- LCH
- lch(28.35 48.05 308.4)
- CMYK
- cmyk(31% 61% 0% 51%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 66458B
- 765998
- 866DA5
- 9681B2
- A795BF
- B8AACC
- C9BED9
- DBD4E6
- EDE9F2
Koyu tonlar
- 4B296D
- 3E225C
- 331A4C
- 27133C
- 1C0C2D
- 12061F
- 080311
- 030105
- 000001
Gri tonlar
- 5B3A7F
- 5F4280
- 634B80
- 675281
- 6B5A81
- 6F6281
- 736981
- 777181
- 7C7881
Renk uyumları
Tamamlayıcı +180°
- 57317E
Foggy Amethyst
- 3D5000
≈ Godzilla
Analog -30° +30°
- 57317E
Foggy Amethyst
- 343E8B
≈ Clematis Blue
- 6E2663
≈ Byzantium
Üçlü +120° +240°
- 57317E
Foggy Amethyst
- 693B00
≈ Bestial Brown
- 00544C
≈ Plankton Green
Bölünmüş tamamlayıcı +150° +210°
- 57317E
Foggy Amethyst
- 564600
≈ Sugarloaf Brown
- 00572D
≈ Caliban Green
Dörtlü +90° +180° +270°
- 57317E
Foggy Amethyst
- 7E2410
≈ Mahogany Brown
- 3D5000
≈ Godzilla
- 00515F
≈ Sandalwood Grey Blue
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.78:1 · APCA Lc 92
Ag
FailSiyah üzerinde
WCAG 2.14:1 · APCA Lc 10
En iyi metin rengi: #FFFFFF
WCAG 9.78:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--foggy-amethyst: #57317e;
--foggy-amethyst-rgb: 87 49 126;
--foggy-amethyst-oklch: oklch(0.4 0.127 304);
}
.element {
color: var(--foggy-amethyst);
background-color: hsl(270 44% 34%);
border-color: oklch(0.4 0.127 304);
}Tailwind CSS v4
@theme {
--color-foggy-amethyst: #57317e;
--color-foggy-amethyst-50: #feecff;
--color-foggy-amethyst-100: #f2deff;
--color-foggy-amethyst-200: #e2c7ff;
--color-foggy-amethyst-300: #c7a7eb;
--color-foggy-amethyst-400: #af8bdb;
--color-foggy-amethyst-500: #996eca;
--color-foggy-amethyst-600: #815eaa;
--color-foggy-amethyst-700: #674b89;
--color-foggy-amethyst-800: #4b3767;
--color-foggy-amethyst-900: #342548;
--color-foggy-amethyst-950: #1f142f;
}SCSS
$foggy-amethyst: #57317e;
$foggy-amethyst-rgb: 87, 49, 126;
$foggy-amethyst-light: mix(#fff, $foggy-amethyst, 20%);
$foggy-amethyst-dark: mix(#000, $foggy-amethyst, 20%);
.element {
color: $foggy-amethyst;
box-shadow: 0 0 0 2px rgba($foggy-amethyst, 0.35);
}