Màu có tên gần nhất · #DD1B7D
#DD1B7D
Màu có tên gần nhất: Vampire Love Story
#DD1B7D (rgb(221 27 125), hsl(330 78% 49%), oklch(0.591 0.229 358)) 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.
#DD1B7D
oklch(0.591 0.229 358)
Chuyển đổi màu
- HEX
- #dd1b7d
- RGB
- rgb(221 27 125)
- HSL
- hsl(330 78% 49%)
- HWB
- hwb(330 11% 13%)
- OKLCH
- oklch(0.591 0.229 358)
- OKLab
- oklab(0.591 0.229 -0.008)
- CIE Lab
- lab(49.64 73.36 -2.01)
- LCH
- lch(49.64 73.38 358.4)
- CMYK
- cmyk(0% 88% 43% 13%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E44289
- EA5C96
- EF73A2
- F488AF
- F89DBC
- FBB1C9
- FDC4D6
- FFD8E4
- FFECF1
Sắc đậm
- C0166C
- A4115B
- 880C4B
- 6E083B
- 55052C
- 3D021E
- 260111
- 110005
- 020001
Sắc xám
- D5327D
- CE427E
- C54D7E
- BD577E
- B4607F
- AB677F
- A16E7F
- 97757F
- 8C7A80
Hòa sắc
Bổ túc +180°
- DD1B7D
Vampire Love Story
- 00927E
≈ Aqua Waters
Tương đồng -30° +30°
- DD1B7D
Vampire Love Story
- C036C0
≈ Ultraviolet Cryner
- E61E1E
≈ Lust
Bộ ba +120° +240°
- DD1B7D
Vampire Love Story
- 778800
≈ Elwynn Forest Olive
- 0087C2
≈ Azul Caribe
Bổ túc chia +150° +210°
- DD1B7D
Vampire Love Story
- 00973B
≈ Green Revolution
- 008E9D
≈ Coral Coast
Bộ bốn +90° +180° +270°
- DD1B7D
Vampire Love Story
- 9B7800
≈ Mesozoic Green
- 00927E
≈ Aqua Waters
- 476CFF
≈ Blue Titmouse
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.63:1 · APCA Lc 70
Ag
AATrên nền đen
WCAG 4.52:1 · APCA Lc 31
Màu chữ tốt nhất: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 70
Contrast pairs
Đoạn mã
CSS
:root {
--vampire-love-story: #dd1b7d;
--vampire-love-story-rgb: 221 27 125;
--vampire-love-story-oklch: oklch(0.591 0.229 358);
}
.element {
color: var(--vampire-love-story);
background-color: hsl(330 78% 49%);
border-color: oklch(0.591 0.229 358);
}Tailwind CSS v4
@theme {
--color-vampire-love-story: #dd1b7d;
--color-vampire-love-story-50: #ffdaf2;
--color-vampire-love-story-100: #ffc8e5;
--color-vampire-love-story-200: #ffa9d0;
--color-vampire-love-story-300: #ff7fb3;
--color-vampire-love-story-400: #ff539e;
--color-vampire-love-story-500: #ef0286;
--color-vampire-love-story-600: #ca1071;
--color-vampire-love-story-700: #a30f5a;
--color-vampire-love-story-800: #790845;
--color-vampire-love-story-900: #560730;
--color-vampire-love-story-950: #39001c;
}SCSS
$vampire-love-story: #dd1b7d;
$vampire-love-story-rgb: 221, 27, 125;
$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);
}