最接近的命名颜色 · #2F2035
#2F2035
最接近的命名颜色: Midnight Velvet
#2F2035（rgb(47 32 53)、hsl(283 25% 17%)、oklch(0.271 0.043 316)）最接近命名颜色 Midnight Velvet。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#2F2035
oklch(0.271 0.043 316)
颜色转换
- HEX
- #2f2035
- RGB
- rgb(47 32 53)
- HSL
- hsl(283 25% 17%)
- HWB
- hwb(283 13% 79%)
- OKLCH
- oklch(0.271 0.043 316)
- OKLab
- oklab(0.271 0.031 -0.03)
- CIE Lab
- lab(14.86 11 -10.93)
- LCH
- lch(14.86 15.51 315.2)
- CMYK
- cmyk(11% 40% 0% 79%)
浅色调 · 深色调 · 灰色调
浅色调
- 413347
- 544759
- 675B6C
- 7B7180
- 908794
- A59EA8
- BBB5BD
- D1CDD3
- E8E6E9
深色调
- 271A2D
- 201525
- 190F1D
- 120A15
- 0C060E
- 060308
- 030103
- 010001
- 000000
灰色调
- 37293C
- 3E3243
- 463B4B
- 4E4452
- 564E5A
- 5E5861
- 676169
- 6F6B70
- 777678
配色和谐
互补色 +180°
- 2F2035
Midnight Velvet
- 1D2C16
≈ Kuro Green
类似色 -30° +30°
- 2F2035
Midnight Velvet
- 25233B
≈ Cold Steel
- 361E2B
≈ Antique Burgundy
三角配色 +120° +240°
- 2F2035
Midnight Velvet
- 33240C
≈ Black Slug
- 042D2E
≈ Roof Tile Green
分裂互补色 +150° +210°
- 2F2035
Midnight Velvet
- 2A280D
≈ Black Swan
- 0E2D22
≈ Guerrilla Forest
四角配色 +90° +180° +270°
- 2F2035
Midnight Velvet
- 382014
≈ Scorched
- 1D2C16
≈ Kuro Green
- 0A2B37
≈ Black Chasm
对比度与无障碍
Ag
AAA白底
WCAG 15.22:1 · APCA Lc 102
Ag
Fail黑底
WCAG 1.37:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 15.22:1 (AAA) · APCA Lc 102
Contrast pairs
代码片段
CSS
:root {
--midnight-velvet: #2f2035;
--midnight-velvet-rgb: 47 32 53;
--midnight-velvet-oklch: oklch(0.271 0.043 316);
}
.element {
color: var(--midnight-velvet);
background-color: hsl(283 25% 17%);
border-color: oklch(0.271 0.043 316);
}Tailwind CSS v4
@theme {
--color-midnight-velvet: #2f2035;
--color-midnight-velvet-50: #faf1fd;
--color-midnight-velvet-100: #eee4f1;
--color-midnight-velvet-200: #dccfe0;
--color-midnight-velvet-300: #c1b1c6;
--color-midnight-velvet-400: #a997b0;
--color-midnight-velvet-500: #927e9a;
--color-midnight-velvet-600: #7b6b82;
--color-midnight-velvet-700: #635568;
--color-midnight-velvet-800: #483e4d;
--color-midnight-velvet-900: #322b36;
--color-midnight-velvet-950: #1e1821;
}SCSS
$midnight-velvet: #2f2035;
$midnight-velvet-rgb: 47, 32, 53;
$midnight-velvet-light: mix(#fff, $midnight-velvet, 20%);
$midnight-velvet-dark: mix(#000, $midnight-velvet, 20%);
.element {
color: $midnight-velvet;
box-shadow: 0 0 0 2px rgba($midnight-velvet, 0.35);
}