最接近的命名颜色 · #6E2F49
#6E2F49
最接近的命名颜色: Flirt
#6E2F49（rgb(110 47 73)、hsl(335 40% 31%)、oklch(0.4 0.094 356.3)）最接近命名颜色 Flirt。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#6E2F49
oklch(0.4 0.094 356.3)
颜色转换
- HEX
- #6e2f49
- RGB
- rgb(110 47 73)
- HSL
- hsl(335 40% 31%)
- HWB
- hwb(335 18% 57%)
- OKLCH
- oklch(0.4 0.094 356.3)
- OKLab
- oklab(0.4 0.094 -0.006)
- CIE Lab
- lab(29.19 30.74 -1.94)
- LCH
- lch(29.19 30.81 356.4)
- CMYK
- cmyk(0% 57% 34% 57%)
浅色调 · 深色调 · 灰色调
浅色调
- 7D4359
- 8C566A
- 9B6A7B
- A97E8D
- B8939F
- C6A8B2
- D4BDC4
- E3D3D8
- F1E9EB
深色调
- 5F273E
- 502034
- 41192A
- 331220
- 260C17
- 19060E
- 0E0306
- 040102
- 010000
灰色调
- 71384E
- 734054
- 764859
- 78505E
- 7A5864
- 7B6069
- 7D686F
- 7E7075
- 7F787A
配色和谐
互补色 +180°
- 6E2F49
Flirt
- 005446
≈ Breathe Deeply
类似色 -30° +30°
- 6E2F49
Flirt
- 613362
≈ Wineberry
- 72302B
≈ Auburn
三角配色 +120° +240°
分裂互补色 +150° +210°
- 6E2F49
Flirt
- 1F5526
≈ Moor-Monster
- 00525A
≈ Cathedral View
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AAA白底
WCAG 9.69:1 · APCA Lc 92
Ag
Fail黑底
WCAG 2.16:1 · APCA Lc 10
最佳文字颜色: #FFFFFF
WCAG 9.69:1 (AAA) · APCA Lc 92
Contrast pairs
代码片段
CSS
:root {
--flirt: #6e2f49;
--flirt-rgb: 110 47 73;
--flirt-oklch: oklch(0.4 0.094 356.3);
}
.element {
color: var(--flirt);
background-color: hsl(335 40% 31%);
border-color: oklch(0.4 0.094 356.3);
}Tailwind CSS v4
@theme {
--color-flirt: #6e2f49;
--color-flirt-50: #ffebf5;
--color-flirt-100: #ffdbe7;
--color-flirt-200: #f7c4d4;
--color-flirt-300: #e0a4b7;
--color-flirt-400: #cc87a0;
--color-flirt-500: #b76b88;
--color-flirt-600: #9b5b73;
--color-flirt-700: #7c485c;
--color-flirt-800: #5c3444;
--color-flirt-900: #40232f;
--color-flirt-950: #29121c;
}SCSS
$flirt: #6e2f49;
$flirt-rgb: 110, 47, 73;
$flirt-light: mix(#fff, $flirt, 20%);
$flirt-dark: mix(#000, $flirt, 20%);
.element {
color: $flirt;
box-shadow: 0 0 0 2px rgba($flirt, 0.35);
}