Màu có tên gần nhất · #E50080
#E50080
Màu có tên gần nhất: Vampire Love Story
#E50080 (rgb(229 0 128), hsl(326 100% 45%), oklch(0.599 0.244 357.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.
#E50080
oklch(0.599 0.244 357.7)
Chuyển đổi màu
- HEX
- #e50080
- RGB
- rgb(229 0 128)
- HSL
- hsl(326 100% 45%)
- HWB
- hwb(326 0% 10%)
- OKLCH
- oklch(0.599 0.244 357.7)
- OKLab
- oklab(0.599 0.244 -0.01)
- CIE Lab
- lab(50.38 78.03 -2.51)
- LCH
- lch(50.38 78.07 358.2)
- CMYK
- cmyk(0% 100% 44% 10%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EB3B8C
- F15898
- F670A4
- FA87B1
- FD9CBE
- FFB0CA
- FFC4D7
- FFD8E4
- FFEBF2
Sắc đậm
- C7006E
- AA005D
- 8E004D
- 72003D
- 58002E
- 3F001F
- 280012
- 120006
- 030001
Sắc xám
- DD2A80
- D43D80
- CB4A80
- C25580
- B95E80
- AF6680
- A46E80
- 997480
- 8D7A80
Hòa sắc
Bổ túc +180°
- E50080
Vampire Love Story
- 009580
≈ Aqua Waters
Tương đồng -30° +30°
- E50080
Vampire Love Story
- C62FC8
≈ Steel Pink
- EF0215
≈ Breath of Fire
Bộ ba +120° +240°
- E50080
Vampire Love Story
- 7A8A00
≈ Elwynn Forest Olive
- 0089C5
≈ Azul Caribe
Bổ túc chia +150° +210°
- E50080
Vampire Love Story
- 009A3B
≈ Peppermint Toad
- 0091A0
≈ Jaded
Bộ bốn +90° +180° +270°
- E50080
Vampire Love Story
- 9F7A00
≈ Yellowish Brown
- 009580
≈ Aqua Waters
- 4970FF
≈ Hailey Blue
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.52:1 · APCA Lc 69
Ag
AATrên nền đen
WCAG 4.64:1 · APCA Lc 33
Màu chữ tốt nhất: #000000
WCAG 4.64:1 (AA) · APCA Lc 33
Contrast pairs
Đoạn mã
CSS
:root {
--vampire-love-story: #e50080;
--vampire-love-story-rgb: 229 0 128;
--vampire-love-story-oklch: oklch(0.599 0.244 357.7);
}
.element {
color: var(--vampire-love-story);
background-color: hsl(326 100% 45%);
border-color: oklch(0.599 0.244 357.7);
}Tailwind CSS v4
@theme {
--color-vampire-love-story: #e50080;
--color-vampire-love-story-50: #ffd8f2;
--color-vampire-love-story-100: #ffc5e5;
--color-vampire-love-story-200: #ffa5d0;
--color-vampire-love-story-300: #ff79b3;
--color-vampire-love-story-400: #ff4a9e;
--color-vampire-love-story-500: #f50086;
--color-vampire-love-story-600: #cf0072;
--color-vampire-love-story-700: #a7005b;
--color-vampire-love-story-800: #7c0045;
--color-vampire-love-story-900: #580130;
--color-vampire-love-story-950: #3b001c;
}SCSS
$vampire-love-story: #e50080;
$vampire-love-story-rgb: 229, 0, 128;
$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);
}