Màu có tên gần nhất · #E6007B
#E6007B
Màu có tên gần nhất: Vampire Love Story
#E6007B (rgb(230 0 123), hsl(328 100% 45%), oklch(0.599 0.243 359.7)) 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.
#E6007B
oklch(0.599 0.243 359.7)
Chuyển đổi màu
- HEX
- #e6007b
- RGB
- rgb(230 0 123)
- HSL
- hsl(328 100% 45%)
- HWB
- hwb(328 0% 10%)
- OKLCH
- oklch(0.599 0.243 359.7)
- OKLab
- oklab(0.599 0.243 -0.001)
- CIE Lab
- lab(50.46 77.97 0.67)
- LCH
- lch(50.46 77.98 0.5)
- CMYK
- cmyk(0% 100% 47% 10%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EC3B87
- F25894
- F671A1
- FA87AE
- FD9CBB
- FFB0C8
- FFC4D6
- FFD8E3
- FFEBF1
Sắc đậm
- C8006A
- AB005A
- 8E004A
- 73003A
- 59002C
- 40001E
- 280010
- 130005
- 030001
Sắc xám
- DE2A7C
- D53D7C
- CC4A7D
- C3557D
- B95E7E
- AF667E
- A56E7F
- 99747F
- 8D7A80
Hòa sắc
Bổ túc +180°
- E6007B
Vampire Love Story
- 009582
≈ Aqua Waters
Tương đồng -30° +30°
- E6007B
Vampire Love Story
- C92DC3
≈ Steel Pink
- EF0C00
≈ Uproar Red
Bộ ba +120° +240°
- E6007B
Vampire Love Story
- 768B00
≈ Canopy
- 0089C8
≈ Azul Caribe
Bổ túc chia +150° +210°
- E6007B
Vampire Love Story
- 009A44
≈ Green Revolution
- 0090A2
≈ Oasis
Bộ bốn +90° +180° +270°
- E6007B
Vampire Love Story
- 9D7B00
≈ Yellowish Brown
- 009582
≈ Aqua Waters
- 506EFF
≈ Blue Heath Butterfly
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.51:1 · APCA Lc 69
Ag
AATrên nền đen
WCAG 4.65:1 · APCA Lc 33
Màu chữ tốt nhất: #000000
WCAG 4.65:1 (AA) · APCA Lc 33
Contrast pairs
Đoạn mã
CSS
:root {
--vampire-love-story: #e6007b;
--vampire-love-story-rgb: 230 0 123;
--vampire-love-story-oklch: oklch(0.599 0.243 359.7);
}
.element {
color: var(--vampire-love-story);
background-color: hsl(328 100% 45%);
border-color: oklch(0.599 0.243 359.7);
}Tailwind CSS v4
@theme {
--color-vampire-love-story: #e6007b;
--color-vampire-love-story-50: #ffd8f0;
--color-vampire-love-story-100: #ffc5e2;
--color-vampire-love-story-200: #ffa5cd;
--color-vampire-love-story-300: #ff79ae;
--color-vampire-love-story-400: #ff4a99;
--color-vampire-love-story-500: #f60081;
--color-vampire-love-story-600: #d0006d;
--color-vampire-love-story-700: #a70057;
--color-vampire-love-story-800: #7c0042;
--color-vampire-love-story-900: #58012e;
--color-vampire-love-story-950: #3b001b;
}SCSS
$vampire-love-story: #e6007b;
$vampire-love-story-rgb: 230, 0, 123;
$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);
}