En yakın adlandırılmış renk · #8963B4
#8963B4
En yakın adlandırılmış renk: Lusty Lavender
#8963B4 (rgb(137 99 180), hsl(268 35% 55%), oklch(0.573 0.127 304.3)) en çok Lusty Lavender 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.
#8963B4
oklch(0.573 0.127 304.3)
Renk dönüşümleri
- HEX
- #8963b4
- RGB
- rgb(137 99 180)
- HSL
- hsl(268 35% 55%)
- HWB
- hwb(268 39% 29%)
- OKLCH
- oklch(0.573 0.127 304.3)
- OKLab
- oklab(0.573 0.071 -0.104)
- CIE Lab
- lab(48.61 28.17 -37.66)
- LCH
- lch(48.61 47.03 306.8)
- CMYK
- cmyk(24% 45% 0% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9472BC
- 9F82C4
- AB91CC
- B6A0D3
- C2B0DB
- CEBFE2
- DACFEA
- E6DFF1
- F3EFF8
Koyu tonlar
- 76559C
- 644785
- 533A6E
- 422E58
- 312144
- 221630
- 140B1D
- 07030C
- 010002
Gri tonlar
- 8867AF
- 876AAA
- 866DA5
- 8570A0
- 84739B
- 837696
- 837891
- 827B8B
- 817E86
Renk uyumları
Tamamlayıcı +180°
- 8963B4
Lusty Lavender
- 688422
≈ Jungle Vibes
Analog -30° +30°
- 8963B4
Lusty Lavender
- 6270C2
≈ Gladiola Blue
- A45996
≈ Cyclamen Red
Üçlü +120° +240°
- 8963B4
Lusty Lavender
- AA6509
≈ Ancient Brandy
- 008B7F
≈ Go Go Green
Bölünmüş tamamlayıcı +150° +210°
- 8963B4
Lusty Lavender
- 8F7600
≈ Jīn Zōng Gold
- 288D55
≈ Shamrock Field
Dörtlü +90° +180° +270°
- 8963B4
Lusty Lavender
- B65943
≈ Karacha Red
- 688422
≈ Jungle Vibes
- 00879D
≈ Eastern Blue
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.65:1 · APCA Lc 72
Ag
AASiyah üzerinde
WCAG 4.50:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--lusty-lavender: #8963b4;
--lusty-lavender-rgb: 137 99 180;
--lusty-lavender-oklch: oklch(0.573 0.127 304.3);
}
.element {
color: var(--lusty-lavender);
background-color: hsl(268 35% 55%);
border-color: oklch(0.573 0.127 304.3);
}Tailwind CSS v4
@theme {
--color-lusty-lavender: #8963b4;
--color-lusty-lavender-50: #feecff;
--color-lusty-lavender-100: #f2deff;
--color-lusty-lavender-200: #e2c7ff;
--color-lusty-lavender-300: #c8a7eb;
--color-lusty-lavender-400: #af8bdb;
--color-lusty-lavender-500: #996ec9;
--color-lusty-lavender-600: #815eaa;
--color-lusty-lavender-700: #684b88;
--color-lusty-lavender-800: #4b3666;
--color-lusty-lavender-900: #342548;
--color-lusty-lavender-950: #1f132f;
}SCSS
$lusty-lavender: #8963b4;
$lusty-lavender-rgb: 137, 99, 180;
$lusty-lavender-light: mix(#fff, $lusty-lavender, 20%);
$lusty-lavender-dark: mix(#000, $lusty-lavender, 20%);
.element {
color: $lusty-lavender;
box-shadow: 0 0 0 2px rgba($lusty-lavender, 0.35);
}