En yakın adlandırılmış renk · #993CDF
#993CDF
En yakın adlandırılmış renk: Sweet Desire
#993CDF (rgb(153 60 223), hsl(274 72% 55%), oklch(0.565 0.234 306.1)) 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.
#993CDF
oklch(0.565 0.234 306.1)
Renk dönüşümleri
- HEX
- #993cdf
- RGB
- rgb(153 60 223)
- HSL
- hsl(274 72% 55%)
- HWB
- hwb(274 24% 13%)
- OKLCH
- oklch(0.565 0.234 306.1)
- OKLab
- oklab(0.565 0.138 -0.189)
- CIE Lab
- lab(45.36 59.32 -67.4)
- LCH
- lch(45.36 89.78 311.4)
- CMYK
- cmyk(31% 73% 0% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A355E4
- AD6BE8
- B77FEC
- C192F0
- CBA4F4
- D5B7F7
- DFC9F9
- EADBFC
- F4EDFE
Koyu tonlar
- 8433C2
- 702AA5
- 5D218A
- 4A196F
- 381156
- 270A3D
- 170427
- 080112
- 010002
Gri tonlar
- 9648D6
- 9451CD
- 915AC4
- 8F61BB
- 8C67B2
- 8A6DA8
- 87729E
- 857795
- 827C8B
Renk uyumları
Tamamlayıcı +180°
- 993CDF
Sweet Desire
- 608400
≈ Enchanted Forest
Analog -30° +30°
- 993CDF
Sweet Desire
- 5958FB
≈ Shady Neon Blue
- C21DA8
≈ Amora Purple
Üçlü +120° +240°
- 993CDF
Sweet Desire
- A66400
≈ Butter Fudge
- 00887F
≈ Eyeshadow Turquoise
Bölünmüş tamamlayıcı +150° +210°
- 993CDF
Sweet Desire
- 8A7500
≈ Vermin Brown
- 008D52
≈ Iceland Green
Dörtlü +90° +180° +270°
- 993CDF
Sweet Desire
- CE3900
≈ Pleasant Pomegranate
- 608400
≈ Enchanted Forest
- 00849B
≈ Zircon Blue
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.16:1 · APCA Lc 75
Ag
FailSiyah üzerinde
WCAG 4.06:1 · APCA Lc 27
En iyi metin rengi: #FFFFFF
WCAG 5.16:1 (AA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--sweet-desire: #993cdf;
--sweet-desire-rgb: 153 60 223;
--sweet-desire-oklch: oklch(0.565 0.234 306.1);
}
.element {
color: var(--sweet-desire);
background-color: hsl(274 72% 55%);
border-color: oklch(0.565 0.234 306.1);
}Tailwind CSS v4
@theme {
--color-sweet-desire: #993cdf;
--color-sweet-desire-50: #ffe4ff;
--color-sweet-desire-100: #fed3ff;
--color-sweet-desire-200: #f0b8ff;
--color-sweet-desire-300: #d992ff;
--color-sweet-desire-400: #c16fff;
--color-sweet-desire-500: #ae45fd;
--color-sweet-desire-600: #933cd5;
--color-sweet-desire-700: #7630ab;
--color-sweet-desire-800: #552382;
--color-sweet-desire-900: #3b175c;
--color-sweet-desire-950: #25063f;
}SCSS
$sweet-desire: #993cdf;
$sweet-desire-rgb: 153, 60, 223;
$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);
}