Màu có tên gần nhất · #993CDF
#993CDF
Màu có tên gần nhất: Sweet Desire
#993CDF (rgb(153 60 223), hsl(274 72% 55%), oklch(0.565 0.234 306.1)) gần nhất với màu có tên Sweet Desire. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#993CDF
oklch(0.565 0.234 306.1)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A355E4
- AD6BE8
- B77FEC
- C192F0
- CBA4F4
- D5B7F7
- DFC9F9
- EADBFC
- F4EDFE
Sắc đậm
- 8433C2
- 702AA5
- 5D218A
- 4A196F
- 381156
- 270A3D
- 170427
- 080112
- 010002
Sắc xám
- 9648D6
- 9451CD
- 915AC4
- 8F61BB
- 8C67B2
- 8A6DA8
- 87729E
- 857795
- 827C8B
Hòa sắc
Bổ túc +180°
- 993CDF
Sweet Desire
- 608400
≈ Enchanted Forest
Tương đồng -30° +30°
- 993CDF
Sweet Desire
- 5958FB
≈ Shady Neon Blue
- C21DA8
≈ Amora Purple
Bộ ba +120° +240°
- 993CDF
Sweet Desire
- A66400
≈ Butter Fudge
- 00887F
≈ Eyeshadow Turquoise
Bổ túc chia +150° +210°
- 993CDF
Sweet Desire
- 8A7500
≈ Vermin Brown
- 008D52
≈ Iceland Green
Bộ bốn +90° +180° +270°
- 993CDF
Sweet Desire
- CE3900
≈ Pleasant Pomegranate
- 608400
≈ Enchanted Forest
- 00849B
≈ Zircon Blue
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.16:1 · APCA Lc 75
Ag
FailTrên nền đen
WCAG 4.06:1 · APCA Lc 27
Màu chữ tốt nhất: #FFFFFF
WCAG 5.16:1 (AA) · APCA Lc 75
Contrast pairs
Đoạn mã
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);
}