En yakın adlandırılmış renk · #973AE2
#973AE2
En yakın adlandırılmış renk: Sweet Desire
#973AE2 (rgb(151 58 226), hsl(273 74% 56%), oklch(0.562 0.239 304.9)) 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.
#973AE2
oklch(0.562 0.239 304.9)
Renk dönüşümleri
- HEX
- #973ae2
- RGB
- rgb(151 58 226)
- HSL
- hsl(273 74% 56%)
- HWB
- hwb(273 23% 11%)
- OKLCH
- oklch(0.562 0.239 304.9)
- OKLab
- oklab(0.562 0.137 -0.196)
- CIE Lab
- lab(44.98 60.19 -69.73)
- LCH
- lch(44.98 92.11 310.8)
- CMYK
- cmyk(33% 74% 0% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A154E7
- AB6AEB
- B57EEF
- BF91F2
- C9A4F5
- D4B6F8
- DEC9FA
- E9DBFC
- F4EDFE
Koyu tonlar
- 8331C4
- 6F28A8
- 5C208C
- 491871
- 371057
- 26093E
- 170427
- 080112
- 010003
Gri tonlar
- 9546D9
- 9250D0
- 9059C6
- 8D60BD
- 8B67B3
- 896DA9
- 87729F
- 847795
- 827C8B
Renk uyumları
Tamamlayıcı +180°
- 973AE2
Sweet Desire
- 638200
≈ Enchanted Forest
Analog -30° +30°
- 973AE2
Sweet Desire
- 5558FD
≈ Shady Neon Blue
- C117AB
≈ Amora Purple
Üçlü +120° +240°
- 973AE2
Sweet Desire
- A76300
≈ Butter Fudge
- 00887D
≈ Mystic Turquoise
Bölünmüş tamamlayıcı +150° +210°
- 973AE2
Sweet Desire
- 8B7300
≈ Vermin Brown
- 008C4F
≈ Iceland Green
Dörtlü +90° +180° +270°
- 973AE2
Sweet Desire
- CF3400
≈ Pleasant Pomegranate
- 638200
≈ Enchanted Forest
- 008399
≈ Cruising
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.22:1 · APCA Lc 75
Ag
FailSiyah üzerinde
WCAG 4.01:1 · APCA Lc 27
En iyi metin rengi: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--sweet-desire: #973ae2;
--sweet-desire-rgb: 151 58 226;
--sweet-desire-oklch: oklch(0.562 0.239 304.9);
}
.element {
color: var(--sweet-desire);
background-color: hsl(273 74% 56%);
border-color: oklch(0.562 0.239 304.9);
}Tailwind CSS v4
@theme {
--color-sweet-desire: #973ae2;
--color-sweet-desire-50: #ffe4ff;
--color-sweet-desire-100: #fdd3ff;
--color-sweet-desire-200: #efb8ff;
--color-sweet-desire-300: #d792ff;
--color-sweet-desire-400: #c06fff;
--color-sweet-desire-500: #ac44ff;
--color-sweet-desire-600: #913bd8;
--color-sweet-desire-700: #7530ae;
--color-sweet-desire-800: #542284;
--color-sweet-desire-900: #3b175e;
--color-sweet-desire-950: #250640;
}SCSS
$sweet-desire: #973ae2;
$sweet-desire-rgb: 151, 58, 226;
$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);
}