最接近的命名颜色 · #ED65DB
#ED65DB
最接近的命名颜色: Death of a Star
#ED65DB(rgb(237 101 219)、hsl(308 79% 66%)、oklch(0.715 0.214 333))最接近命名颜色 Death of a Star。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度,以及 CSS、Tailwind v4 和 SCSS 代码。
#ED65DB
oklch(0.715 0.214 333)
颜色转换
- HEX
- #ed65db
- RGB
- rgb(237 101 219)
- HSL
- hsl(308 79% 66%)
- HWB
- hwb(308 40% 7%)
- OKLCH
- oklch(0.715 0.214 333)
- OKLab
- oklab(0.715 0.191 -0.097)
- CIE Lab
- lab(63.73 63.53 -35.14)
- LCH
- lch(63.73 72.6 331.1)
- CMYK
- cmyk(0% 57% 8% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- F077DF
- F488E3
- F698E7
- F9A7EB
- FBB6EE
- FDC5F2
- FED4F5
- FFE2F9
- FFF1FC
深色调
- CE57BE
- B049A2
- 933C87
- 772F6D
- 5C2254
- 42173C
- 2A0C26
- 140311
- 030002
灰色调
- E36AD2
- D86EC9
- CE72C0
- C375B7
- B878AD
- AE7AA4
- A37C9B
- 977E92
- 8C7F89
配色和谐
互补色 +180°
- ED65DB
Death of a Star
- 00C268
≈ Algal Fuel
类似色 -30° +30°
- ED65DB
Death of a Star
- BB82FF
≈ Lilac Geode
- FF6597
≈ French Pink
三角配色 +120° +240°
- ED65DB
Death of a Star
- C29F00
≈ Molten Bronze
- 00B7D1
≈ Ocean Sigh
分裂互补色 +150° +210°
- ED65DB
Death of a Star
- 8FB300
≈ Grasping Grass
- 00BCAA
≈ Verditer
四角配色 +90° +180° +270°
- ED65DB
Death of a Star
- E88800
≈ Hotter Butter
- 00C268
≈ Algal Fuel
- 26ACFF
≈ Fantasy Console Sky
对比度与无障碍
Ag
Fail白底
WCAG 2.80:1 · APCA Lc 53
Ag
AAA黑底
WCAG 7.48:1 · APCA Lc 49
最佳文字颜色: #000000
WCAG 7.48:1 (AAA) · APCA Lc 49
Contrast pairs
代码片段
CSS
:root {
--death-of-a-star: #ed65db;
--death-of-a-star-rgb: 237 101 219;
--death-of-a-star-oklch: oklch(0.715 0.214 333);
}
.element {
color: var(--death-of-a-star);
background-color: hsl(308 79% 66%);
border-color: oklch(0.715 0.214 333);
}Tailwind CSS v4
@theme {
--color-death-of-a-star: #ed65db;
--color-death-of-a-star-50: #ffdfff;
--color-death-of-a-star-100: #ffcdff;
--color-death-of-a-star-200: #ffb0f9;
--color-death-of-a-star-300: #f989e2;
--color-death-of-a-star-400: #e565d3;
--color-death-of-a-star-500: #d238c1;
--color-death-of-a-star-600: #b132a3;
--color-death-of-a-star-700: #8f2883;
--color-death-of-a-star-800: #691c63;
--color-death-of-a-star-900: #4a1346;
--color-death-of-a-star-950: #30032d;
}SCSS
$death-of-a-star: #ed65db;
$death-of-a-star-rgb: 237, 101, 219;
$death-of-a-star-light: mix(#fff, $death-of-a-star, 20%);
$death-of-a-star-dark: mix(#000, $death-of-a-star, 20%);
.element {
color: $death-of-a-star;
box-shadow: 0 0 0 2px rgba($death-of-a-star, 0.35);
}