Màu có tên gần nhất · #E6007A
#E6007A
Màu có tên gần nhất: Vampire Love Story
#E6007A (rgb(230 0 122), hsl(328 100% 45%), oklch(0.599 0.243 360)) 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.
#E6007A
oklch(0.599 0.243 360)
Chuyển đổi màu
- HEX
- #e6007a
- RGB
- rgb(230 0 122)
- HSL
- hsl(328 100% 45%)
- HWB
- hwb(328 0% 10%)
- OKLCH
- oklch(0.599 0.243 360)
- OKLab
- oklab(0.599 0.243 0)
- CIE Lab
- lab(50.44 77.92 1.25)
- LCH
- lch(50.44 77.93 0.9)
- CMYK
- cmyk(0% 100% 47% 10%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EC3B86
- F25893
- F671A0
- FA87AD
- FD9CBA
- FFB0C8
- FFC4D5
- FFD8E3
- FFEBF1
Sắc đậm
- C80069
- AB0059
- 8E0049
- 73003A
- 59002B
- 40001D
- 280010
- 130005
- 030001
Sắc xám
- DE2A7B
- D53D7B
- CC4A7C
- C3557C
- B95E7D
- AF667E
- A56E7E
- 99747F
- 8D7A7F
Hòa sắc
Bổ túc +180°
- E6007A
Vampire Love Story
- 009582
≈ Aqua Waters
Tương đồng -30° +30°
- E6007A
Vampire Love Story
- C92DC2
≈ Steel Pink
- ED1300
≈ Uproar Red
Bộ ba +120° +240°
- E6007A
Vampire Love Story
- 768B00
≈ Canopy
- 0088C9
≈ Way Beyond the Blue
Bổ túc chia +150° +210°
- E6007A
Vampire Love Story
- 009A46
≈ Luscious Green
- 0090A2
≈ Oasis
Bộ bốn +90° +180° +270°
- E6007A
Vampire Love Story
- 9C7B00
≈ Yellowish Brown
- 009582
≈ Aqua Waters
- 516EFF
≈ Blue Heath Butterfly
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: #e6007a;
--vampire-love-story-rgb: 230 0 122;
--vampire-love-story-oklch: oklch(0.599 0.243 360);
}
.element {
color: var(--vampire-love-story);
background-color: hsl(328 100% 45%);
border-color: oklch(0.599 0.243 360);
}Tailwind CSS v4
@theme {
--color-vampire-love-story: #e6007a;
--color-vampire-love-story-50: #ffd8f0;
--color-vampire-love-story-100: #ffc5e1;
--color-vampire-love-story-200: #ffa5cc;
--color-vampire-love-story-300: #ff79ae;
--color-vampire-love-story-400: #ff4a99;
--color-vampire-love-story-500: #f60080;
--color-vampire-love-story-600: #d0006c;
--color-vampire-love-story-700: #a70056;
--color-vampire-love-story-800: #7c0042;
--color-vampire-love-story-900: #58012e;
--color-vampire-love-story-950: #3b001a;
}SCSS
$vampire-love-story: #e6007a;
$vampire-love-story-rgb: 230, 0, 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);
}