En yakın adlandırılmış renk · #934CEE
#934CEE
En yakın adlandırılmış renk: Sweet Desire
#934CEE (rgb(147 76 238), hsl(266 83% 62%), oklch(0.587 0.23 299.2)) en çok Sweet Desire 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.
#934CEE
oklch(0.587 0.23 299.2)
Renk dönüşümleri
- HEX
- #934cee
- RGB
- rgb(147 76 238)
- HSL
- hsl(266 83% 62%)
- HWB
- hwb(266 30% 7%)
- OKLCH
- oklch(0.587 0.23 299.2)
- OKLab
- oklab(0.587 0.112 -0.201)
- CIE Lab
- lab(48.08 53.87 -71.51)
- LCH
- lch(48.08 89.53 307)
- CMYK
- cmyk(38% 68% 0% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9D62F1
- A675F4
- B188F7
- BB9AF9
- C6ABFB
- D1BCFD
- DCCDFE
- E8DEFF
- F3EEFF
Koyu tonlar
- 7F41CF
- 6C36B1
- 592C93
- 472277
- 36185C
- 250F42
- 16062A
- 080214
- 010003
Gri tonlar
- 9155E3
- 8E5CD9
- 8C63CE
- 8A68C4
- 886DB9
- 8672AE
- 8576A3
- 837A98
- 817D8C
Renk uyumları
Tamamlayıcı +180°
- 934CEE
Sweet Desire
- 748700
≈ Swamp Green
Analog -30° +30°
- 934CEE
Sweet Desire
- 4969FF
≈ Blue Titmouse
- C032BD
≈ Fuchsia Flair
Üçlü +120° +240°
- 934CEE
Sweet Desire
- B76400
≈ Umber
- 00917E
≈ Miami Jade
Bölünmüş tamamlayıcı +150° +210°
- 934CEE
Sweet Desire
- 997700
≈ Mesozoic Green
- 009640
≈ Green Revolution
Dörtlü +90° +180° +270°
- 934CEE
Sweet Desire
- E51A12
≈ Lust
- 748700
≈ Swamp Green
- 008C9D
≈ Coral Coast
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.65:1 · APCA Lc 72
Ag
AASiyah üzerinde
WCAG 4.50:1 · APCA Lc 30
En iyi metin rengi: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--sweet-desire: #934cee;
--sweet-desire-rgb: 147 76 238;
--sweet-desire-oklch: oklch(0.587 0.23 299.2);
}
.element {
color: var(--sweet-desire);
background-color: hsl(266 83% 62%);
border-color: oklch(0.587 0.23 299.2);
}Tailwind CSS v4
@theme {
--color-sweet-desire: #934cee;
--color-sweet-desire-50: #ffe6ff;
--color-sweet-desire-100: #f5d6ff;
--color-sweet-desire-200: #e5bcff;
--color-sweet-desire-300: #cd97ff;
--color-sweet-desire-400: #b476ff;
--color-sweet-desire-500: #a04eff;
--color-sweet-desire-600: #8744dc;
--color-sweet-desire-700: #6c36b1;
--color-sweet-desire-800: #4d2786;
--color-sweet-desire-900: #361b5f;
--color-sweet-desire-950: #210941;
}SCSS
$sweet-desire: #934cee;
$sweet-desire-rgb: 147, 76, 238;
$sweet-desire-light: mix(#fff, $sweet-desire, 20%);
$sweet-desire-dark: mix(#000, $sweet-desire, 20%);
.element {
color: $sweet-desire;
box-shadow: 0 0 0 2px rgba($sweet-desire, 0.35);
}