最接近的命名颜色 · #742871
#742871
最接近的命名颜色: Hello Darkness My Old Friend
#742871（rgb(116 40 113)、hsl(302 49% 31%)、oklch(0.419 0.141 329.3)）最接近命名颜色 Hello Darkness My Old Friend。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#742871
oklch(0.419 0.141 329.3)
颜色转换
- HEX
- #742871
- RGB
- rgb(116 40 113)
- HSL
- hsl(302 49% 31%)
- HWB
- hwb(302 16% 55%)
- OKLCH
- oklch(0.419 0.141 329.3)
- OKLab
- oklab(0.419 0.121 -0.072)
- CIE Lab
- lab(30.42 40.9 -25.84)
- LCH
- lch(30.42 48.38 327.7)
- CMYK
- cmyk(0% 66% 3% 55%)
浅色调 · 深色调 · 灰色调
浅色调
- 823E7F
- 91538D
- 9F689B
- AD7DA9
- BB92B7
- C8A7C5
- D6BDD3
- E4D2E2
- F1E9F0
深色调
- 642161
- 541B52
- 451543
- 370F35
- 290927
- 1B041A
- 0F020E
- 050104
- 010001
灰色调
- 763373
- 783D75
- 7A4676
- 7B4F78
- 7D577A
- 7E5F7B
- 7F687C
- 7F707E
- 80787F
配色和谐
互补色 +180°
- 742871
Hello Darkness My Old Friend
- 005D26
≈ Sombre Green
类似色 -30° +30°
- 742871
Hello Darkness My Old Friend
- 59358D
≈ Blue Magenta Violet
- 841F4A
≈ Burgundy Orchid
三角配色 +120° +240°
- 742871
Hello Darkness My Old Friend
- 5F4A00
≈ Mud Brown
- 005762
≈ Abyssal Waters
分裂互补色 +150° +210°
- 742871
Hello Darkness My Old Friend
- 475400
≈ Highlands Moss
- 005A4E
≈ Forest Shadows
四角配色 +90° +180° +270°
- 742871
Hello Darkness My Old Friend
- 733D00
≈ Bloodtracker Brown
- 005D26
≈ Sombre Green
- 00527A
≈ Silk Jewel
对比度与无障碍
Ag
AAA白底
WCAG 9.19:1 · APCA Lc 90
Ag
Fail黑底
WCAG 2.28:1 · APCA Lc 12
最佳文字颜色: #FFFFFF
WCAG 9.19:1 (AAA) · APCA Lc 90
Contrast pairs
代码片段
CSS
:root {
--hello-darkness-my-old-friend: #742871;
--hello-darkness-my-old-friend-rgb: 116 40 113;
--hello-darkness-my-old-friend-oklch: oklch(0.419 0.141 329.3);
}
.element {
color: var(--hello-darkness-my-old-friend);
background-color: hsl(302 49% 31%);
border-color: oklch(0.419 0.141 329.3);
}Tailwind CSS v4
@theme {
--color-hello-darkness-my-old-friend: #742871;
--color-hello-darkness-my-old-friend-50: #ffe7ff;
--color-hello-darkness-my-old-friend-100: #ffd7fe;
--color-hello-darkness-my-old-friend-200: #f8bff0;
--color-hello-darkness-my-old-friend-300: #e19cd8;
--color-hello-darkness-my-old-friend-400: #cc7ec7;
--color-hello-darkness-my-old-friend-500: #b85fb3;
--color-hello-darkness-my-old-friend-600: #9b5197;
--color-hello-darkness-my-old-friend-700: #7d4179;
--color-hello-darkness-my-old-friend-800: #5b2f5b;
--color-hello-darkness-my-old-friend-900: #402040;
--color-hello-darkness-my-old-friend-950: #290f29;
}SCSS
$hello-darkness-my-old-friend: #742871;
$hello-darkness-my-old-friend-rgb: 116, 40, 113;
$hello-darkness-my-old-friend-light: mix(#fff, $hello-darkness-my-old-friend, 20%);
$hello-darkness-my-old-friend-dark: mix(#000, $hello-darkness-my-old-friend, 20%);
.element {
color: $hello-darkness-my-old-friend;
box-shadow: 0 0 0 2px rgba($hello-darkness-my-old-friend, 0.35);
}