最接近的命名颜色 · #2E0063
#2E0063
最接近的命名颜色: Blackmail
#2E0063（rgb(46 0 99)、hsl(268 100% 19%)、oklch(0.266 0.146 294.2)）最接近命名颜色 Blackmail。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#2E0063
oklch(0.266 0.146 294.2)
颜色转换
- HEX
- #2e0063
- RGB
- rgb(46 0 99)
- HSL
- hsl(268 100% 19%)
- HWB
- hwb(268 0% 61%)
- OKLCH
- oklch(0.266 0.146 294.2)
- OKLab
- oklab(0.266 0.06 -0.134)
- CIE Lab
- lab(11.72 37.37 -47.59)
- LCH
- lch(11.72 60.51 308.1)
- CMYK
- cmyk(54% 100% 0% 61%)
浅色调 · 深色调 · 灰色调
浅色调
- 3E2273
- 503B83
- 635293
- 776AA3
- 8C82B2
- A29AC2
- B8B2D1
- CFCBE1
- E7E5F0
深色调
- 270055
- 1F0047
- 18003A
- 12002E
- 0B0021
- 060016
- 02000B
- 010003
- 000000
灰色调
- 341667
- 3B246B
- 43316E
- 4B3D72
- 534875
- 5B5378
- 645F7A
- 6D6A7C
- 77757E
配色和谐
互补色 +180°
- 2E0063
Blackmail
- 252800
≈ Liquorice Root
类似色 -30° +30°
- 2E0063
Blackmail
- 01166B
≈ Atlantic Depths
- 400046
≈ Jacarta
三角配色 +120° +240°
- 2E0063
Blackmail
- 3D1A00
≈ 90% Cocoa
- 002D24
≈ Dark Jungle
分裂互补色 +150° +210°
- 2E0063
Blackmail
- 322300
≈ Black Swan
- 002F04
≈ Diminishing Green
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AAA白底
WCAG 16.19:1 · APCA Lc 102
Ag
Fail黑底
WCAG 1.29:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 16.19:1 (AAA) · APCA Lc 102
Contrast pairs
代码片段
CSS
:root {
--blackmail: #2e0063;
--blackmail-rgb: 46 0 99;
--blackmail-oklch: oklch(0.266 0.146 294.2);
}
.element {
color: var(--blackmail);
background-color: hsl(268 100% 19%);
border-color: oklch(0.266 0.146 294.2);
}Tailwind CSS v4
@theme {
--color-blackmail: #2e0063;
--color-blackmail-50: #f8edff;
--color-blackmail-100: #ecdfff;
--color-blackmail-200: #dac8ff;
--color-blackmail-300: #bea8fa;
--color-blackmail-400: #a48cec;
--color-blackmail-500: #8d6fdc;
--color-blackmail-600: #785eba;
--color-blackmail-700: #604b95;
--color-blackmail-800: #443770;
--color-blackmail-900: #2f264f;
--color-blackmail-950: #1c1435;
}SCSS
$blackmail: #2e0063;
$blackmail-rgb: 46, 0, 99;
$blackmail-light: mix(#fff, $blackmail, 20%);
$blackmail-dark: mix(#000, $blackmail, 20%);
.element {
color: $blackmail;
box-shadow: 0 0 0 2px rgba($blackmail, 0.35);
}