Màu có tên gần nhất · #E00C7A
#E00C7A
Màu có tên gần nhất: Vampire Love Story
#E00C7A (rgb(224 12 122), hsl(329 90% 46%), oklch(0.591 0.236 359.1)) 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.
#E00C7A
oklch(0.591 0.236 359.1)
Chuyển đổi màu
- HEX
- #e00c7a
- RGB
- rgb(224 12 122)
- HSL
- hsl(329 90% 46%)
- HWB
- hwb(329 5% 12%)
- OKLCH
- oklch(0.591 0.236 359.1)
- OKLab
- oklab(0.591 0.236 -0.004)
- CIE Lab
- lab(49.53 75.66 -0.24)
- LCH
- lch(49.53 75.66 359.8)
- CMYK
- cmyk(0% 95% 46% 12%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E73D86
- ED5993
- F271A0
- F687AD
- FA9BBA
- FDB0C8
- FFC4D5
- FFD8E3
- FFEBF1
Sắc đậm
- C30969
- A60659
- 8A0449
- 70033A
- 56022B
- 3E011D
- 270010
- 120005
- 020001
Sắc xám
- D82D7B
- D03E7B
- C84B7C
- BF557C
- B65E7D
- AD667E
- A36E7E
- 98747F
- 8D7A7F
Hòa sắc
Bổ túc +180°
- E00C7A
Vampire Love Story
- 00927F
≈ Aqua Waters
Tương đồng -30° +30°
- E00C7A
Vampire Love Story
- C330C0
≈ Fuchsia Flair
- E9130D
≈ Alarm
Bộ ba +120° +240°
- E00C7A
Vampire Love Story
- 758800
≈ Swamp Green
- 0086C3
≈ Azul Caribe
Bổ túc chia +150° +210°
- E00C7A
Vampire Love Story
- 009740
≈ Green Revolution
- 008E9E
≈ Coral Coast
Bộ bốn +90° +180° +270°
- E00C7A
Vampire Love Story
- 9A7900
≈ Yellowish Brown
- 00927F
≈ Aqua Waters
- 4B6BFF
≈ 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 32
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: #e00c7a;
--vampire-love-story-rgb: 224 12 122;
--vampire-love-story-oklch: oklch(0.591 0.236 359.1);
}
.element {
color: var(--vampire-love-story);
background-color: hsl(329 90% 46%);
border-color: oklch(0.591 0.236 359.1);
}Tailwind CSS v4
@theme {
--color-vampire-love-story: #e00c7a;
--color-vampire-love-story-50: #ffd9f1;
--color-vampire-love-story-100: #ffc7e3;
--color-vampire-love-story-200: #ffa7ce;
--color-vampire-love-story-300: #ff7cb0;
--color-vampire-love-story-400: #ff4f9b;
--color-vampire-love-story-500: #f30082;
--color-vampire-love-story-600: #cd006e;
--color-vampire-love-story-700: #a50458;
--color-vampire-love-story-800: #7b0243;
--color-vampire-love-story-900: #57042e;
--color-vampire-love-story-950: #3a001b;
}SCSS
$vampire-love-story: #e00c7a;
$vampire-love-story-rgb: 224, 12, 122;
$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);
}