Adlandırılmış renk · #9966CC
Amethyst
Amethyst, #9966CC: rgb(153 102 204), hsl(270 50% 60%), oklch(0.608 0.156 305.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Amethyst color name →
#9966CC
oklch(0.608 0.156 305.3)
Renk dönüşümleri
- HEX
- #9966cc
- RGB
- rgb(153 102 204)
- HSL
- hsl(270 50% 60%)
- HWB
- hwb(270 40% 20%)
- OKLCH
- oklch(0.608 0.156 305.3)
- OKLab
- oklab(0.608 0.09 -0.127)
- CIE Lab
- lab(52.14 35.97 -45.74)
- LCH
- lch(52.14 58.19 308.2)
- CMYK
- cmyk(25% 50% 0% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A376D2
- AD85D8
- B694DD
- C1A3E3
- CBB3E8
- D5C2ED
- DFD1F2
- EAE0F6
- F4F0FB
Koyu tonlar
- 8458B1
- 704A97
- 5D3C7E
- 4A2F65
- 38234E
- 271737
- 170C22
- 08040F
- 010002
Gri tonlar
- 966AC5
- 946DBD
- 9170B6
- 8F73AE
- 8C75A7
- 8A789F
- 877A98
- 857C90
- 827E88
Renk uyumları
Tamamlayıcı +180°
- 9966CC
Amethyst
- 6D9100
≈ Canopy
Analog -30° +30°
- 9966CC
Amethyst
- 6A77DE
≈ Pan Purple
- B959A7
≈ Mazzy Star
Üçlü +120° +240°
- 9966CC
Amethyst
- B96E00
≈ Indocile Tiger
- 00978B
≈ Intense Teal
Bölünmüş tamamlayıcı +150° +210°
- 9966CC
Amethyst
- 9A8100
≈ Pestilence
- 009C59
≈ Fern Green
Dörtlü +90° +180° +270°
- 9966CC
Amethyst
- CE593B
≈ Bugman’s Glow
- 6D9100
≈ Canopy
- 0092AB
≈ Cape Pond
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.09:1 · APCA Lc 68
Ag
AASiyah üzerinde
WCAG 5.12:1 · APCA Lc 34
En iyi metin rengi: #000000
WCAG 5.12:1 (AA) · APCA Lc 34
Contrast pairs
Kod parçacıkları
CSS
:root {
--amethyst: #9966cc;
--amethyst-rgb: 153 102 204;
--amethyst-oklch: oklch(0.608 0.156 305.3);
}
.element {
color: var(--amethyst);
background-color: hsl(270 50% 60%);
border-color: oklch(0.608 0.156 305.3);
}Tailwind CSS v4
@theme {
--color-amethyst: #9966cc;
--color-amethyst-50: #ffeaff;
--color-amethyst-100: #f6dbff;
--color-amethyst-200: #e6c3ff;
--color-amethyst-300: #cda1f5;
--color-amethyst-400: #b484e7;
--color-amethyst-500: #9f66d7;
--color-amethyst-600: #8657b6;
--color-amethyst-700: #6c4592;
--color-amethyst-800: #4e326e;
--color-amethyst-900: #36224d;
--color-amethyst-950: #211133;
}SCSS
$amethyst: #9966cc;
$amethyst-rgb: 153, 102, 204;
$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);
}