命名颜色 · #4F4944
Oubliette
Oubliette 即 #4F4944：rgb(79 73 68)、hsl(27 7% 29%)、oklch(0.41 0.012 62.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Oubliette color name →
#4F4944
oklch(0.41 0.012 62.3)
颜色转换
- HEX
- #4f4944
- RGB
- rgb(79 73 68)
- HSL
- hsl(27 7% 29%)
- HWB
- hwb(27 27% 69%)
- OKLCH
- oklch(0.41 0.012 62.3)
- OKLab
- oklab(0.41 0.005 0.01)
- CIE Lab
- lab(31.5 1.85 3.96)
- LCH
- lch(31.5 4.37 64.9)
- CMYK
- cmyk(0% 8% 14% 69%)
浅色调 · 深色调 · 灰色调
浅色调
- 5F5955
- 6F6A66
- 807B77
- 918D8A
- A39F9C
- B4B2AF
- C7C4C3
- D9D8D6
- ECEBEB
深色调
- 443E3A
- 383430
- 2E2A26
- 23201D
- 191714
- 100E0C
- 070605
- 020202
- 000000
灰色调
- 544E4A
- 58544F
- 5D5955
- 625E5B
- 676461
- 6C6967
- 716F6D
- 767574
- 7B7A7A
配色和谐
互补色 +180°
- 4F4944
Oubliette
- 454B50
≈ Dead Forest
类似色 -30° +30°
- 4F4944
Oubliette
- 504846
≈ Espresso Macchiato
- 4C4A43
≈ Thorny Branch
三角配色 +120° +240°
- 4F4944
Oubliette
- 444C4B
≈ Moonless Sky
- 4B4950
≈ Limo-Scene
分裂互补色 +150° +210°
- 4F4944
Oubliette
- 434C4E
≈ Black Sable
- 484A51
≈ Limo-Scene
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AAA白底
WCAG 8.86:1 · APCA Lc 90
Ag
Fail黑底
WCAG 2.36:1 · APCA Lc 12
最佳文字颜色: #FFFFFF
WCAG 8.86:1 (AAA) · APCA Lc 90
Contrast pairs
代码片段
CSS
:root {
--oubliette: #4f4944;
--oubliette-rgb: 79 73 68;
--oubliette-oklch: oklch(0.41 0.012 62.3);
}
.element {
color: var(--oubliette);
background-color: hsl(27 7% 29%);
border-color: oklch(0.41 0.012 62.3);
}Tailwind CSS v4
@theme {
--color-oubliette: #4f4944;
--color-oubliette-50: #f7f4f2;
--color-oubliette-100: #ebe7e4;
--color-oubliette-200: #d8d3cf;
--color-oubliette-300: #bcb6b1;
--color-oubliette-400: #a49d98;
--color-oubliette-500: #8c857f;
--color-oubliette-600: #76706b;
--color-oubliette-700: #5f5a56;
--color-oubliette-800: #45413e;
--color-oubliette-900: #302d2b;
--color-oubliette-950: #1c1a18;
}SCSS
$oubliette: #4f4944;
$oubliette-rgb: 79, 73, 68;
$oubliette-light: mix(#fff, $oubliette, 20%);
$oubliette-dark: mix(#000, $oubliette, 20%);
.element {
color: $oubliette;
box-shadow: 0 0 0 2px rgba($oubliette, 0.35);
}