En yakın adlandırılmış renk · #846A99
#846A99
En yakın adlandırılmış renk: Purple Haze
#846A99 (rgb(132 106 153), hsl(273 19% 51%), oklch(0.567 0.077 309.3)) en çok Purple Haze 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.
#846A99
oklch(0.567 0.077 309.3)
Renk dönüşümleri
- HEX
- #846a99
- RGB
- rgb(132 106 153)
- HSL
- hsl(273 19% 51%)
- HWB
- hwb(273 42% 40%)
- OKLCH
- oklch(0.567 0.077 309.3)
- OKLab
- oklab(0.567 0.049 -0.059)
- CIE Lab
- lab(48.76 17.68 -21.72)
- LCH
- lch(48.76 28.01 309.1)
- CMYK
- cmyk(14% 31% 0% 40%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9078A3
- 9B86AD
- A795B7
- B4A3C1
- C0B2CC
- CCC1D6
- D9D0E0
- E5E0EA
- F2EFF5
Koyu tonlar
- 725B84
- 604D70
- 4F3F5D
- 3F314A
- 2F2438
- 201827
- 120D17
- 060408
- 010001
Gri tonlar
- 846C97
- 836F94
- 837192
- 82738F
- 82758D
- 82788A
- 817A88
- 817C85
- 807E83
Renk uyumları
Tamamlayıcı +180°
- 846A99
Purple Haze
- 68804E
≈ Woodland Nymph
Analog -30° +30°
- 846A99
Purple Haze
- 6D72A3
≈ Mountain Flower Mauve
- 956585
≈ Rust Magenta
Üçlü +120° +240°
- 846A99
Purple Haze
- 946E43
≈ Grog Yellow
- 378580
≈ Emu Egg
Bölünmüş tamamlayıcı +150° +210°
- 846A99
Purple Haze
- 827740
≈ Marsh Grass
- 4C8566
≈ Herb Blend
Dörtlü +90° +180° +270°
- 846A99
Purple Haze
- 9E6754
≈ Warm Up
- 68804E
≈ Woodland Nymph
- 3B8195
≈ Wipeout
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.66:1 · APCA Lc 72
Ag
AASiyah üzerinde
WCAG 4.50:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--purple-haze: #846a99;
--purple-haze-rgb: 132 106 153;
--purple-haze-oklch: oklch(0.567 0.077 309.3);
}
.element {
color: var(--purple-haze);
background-color: hsl(273 19% 51%);
border-color: oklch(0.567 0.077 309.3);
}Tailwind CSS v4
@theme {
--color-purple-haze: #846a99;
--color-purple-haze-50: #fcefff;
--color-purple-haze-100: #f0e1fb;
--color-purple-haze-200: #dfcced;
--color-purple-haze-300: #c4add5;
--color-purple-haze-400: #ac92c1;
--color-purple-haze-500: #9578ad;
--color-purple-haze-600: #7e6692;
--color-purple-haze-700: #655175;
--color-purple-haze-800: #493b57;
--color-purple-haze-900: #33293d;
--color-purple-haze-950: #1f1626;
}SCSS
$purple-haze: #846a99;
$purple-haze-rgb: 132, 106, 153;
$purple-haze-light: mix(#fff, $purple-haze, 20%);
$purple-haze-dark: mix(#000, $purple-haze, 20%);
.element {
color: $purple-haze;
box-shadow: 0 0 0 2px rgba($purple-haze, 0.35);
}