Màu có tên gần nhất · #DD1B78
#DD1B78
Màu có tên gần nhất: Vampire Love Story
#DD1B78 (rgb(221 27 120), hsl(331 78% 49%), oklch(0.589 0.227 359.8)) gần nhất với màu có tên Vampire Love Story. 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.
#DD1B78
oklch(0.589 0.227 359.8)
Chuyển đổi màu
- HEX
- #dd1b78
- RGB
- rgb(221 27 120)
- HSL
- hsl(331 78% 49%)
- HWB
- hwb(331 11% 13%)
- OKLCH
- oklch(0.589 0.227 359.8)
- OKLab
- oklab(0.589 0.227 -0.001)
- CIE Lab
- lab(49.51 73.06 0.86)
- LCH
- lch(49.51 73.06 0.7)
- CMYK
- cmyk(0% 88% 46% 13%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E44285
- EA5C91
- EF739F
- F488AC
- F89DB9
- FBB1C7
- FEC4D5
- FFD8E3
- FFEBF1
Sắc đậm
- C01667
- A41157
- 880C48
- 6E0839
- 55052A
- 3D021D
- 260110
- 110005
- 020001
Sắc xám
- D53279
- CE417A
- C64D7A
- BD577B
- B4607C
- AB677D
- A26E7E
- 97757E
- 8C7A7F
Hòa sắc
Bổ túc +180°
- DD1B78
Vampire Love Story
- 00917F
≈ Miami Jade
Tương đồng -30° +30°
- DD1B78
Vampire Love Story
- C134BC
≈ Pink Perennial
- E52112
≈ Ferocious
Bộ ba +120° +240°
- DD1B78
Vampire Love Story
- 738800
≈ Swamp Green
- 0086C4
≈ Azul Caribe
Bổ túc chia +150° +210°
- DD1B78
Vampire Love Story
- 009643
≈ Green Revolution
- 008D9E
≈ Coral Coast
Bộ bốn +90° +180° +270°
- DD1B78
Vampire Love Story
- 997900
≈ Yellowish Brown
- 00917F
≈ Miami Jade
- 4D69FF
≈ Blue Heath Butterfly
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.66:1 · APCA Lc 70
Ag
AATrên nền đen
WCAG 4.50:1 · APCA Lc 31
Màu chữ tốt nhất: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 70
Contrast pairs
Đoạn mã
CSS
:root {
--vampire-love-story: #dd1b78;
--vampire-love-story-rgb: 221 27 120;
--vampire-love-story-oklch: oklch(0.589 0.227 359.8);
}
.element {
color: var(--vampire-love-story);
background-color: hsl(331 78% 49%);
border-color: oklch(0.589 0.227 359.8);
}Tailwind CSS v4
@theme {
--color-vampire-love-story: #dd1b78;
--color-vampire-love-story-50: #ffdaf0;
--color-vampire-love-story-100: #ffc8e2;
--color-vampire-love-story-200: #ffa9cd;
--color-vampire-love-story-300: #ff7faf;
--color-vampire-love-story-400: #ff5499;
--color-vampire-love-story-500: #f00580;
--color-vampire-love-story-600: #cb116d;
--color-vampire-love-story-700: #a31057;
--color-vampire-love-story-800: #790942;
--color-vampire-love-story-900: #56072e;
--color-vampire-love-story-950: #39001b;
}SCSS
$vampire-love-story: #dd1b78;
$vampire-love-story-rgb: 221, 27, 120;
$vampire-love-story-light: mix(#fff, $vampire-love-story, 20%);
$vampire-love-story-dark: mix(#000, $vampire-love-story, 20%);
.element {
color: $vampire-love-story;
box-shadow: 0 0 0 2px rgba($vampire-love-story, 0.35);
}