最接近的命名颜色 · #5B0019
#5B0019
最接近的命名颜色: Merguez
#5B0019（rgb(91 0 25)、hsl(344 100% 18%)、oklch(0.299 0.12 15.2)）最接近命名颜色 Merguez。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#5B0019
oklch(0.299 0.12 15.2)
颜色转换
- HEX
- #5b0019
- RGB
- rgb(91 0 25)
- HSL
- hsl(344 100% 18%)
- HWB
- hwb(344 0% 64%)
- OKLCH
- oklch(0.299 0.12 15.2)
- OKLab
- oklab(0.299 0.116 0.031)
- CIE Lab
- lab(17.4 38.7 14.24)
- LCH
- lch(17.4 41.24 20.2)
- CMYK
- cmyk(0% 100% 73% 64%)
浅色调 · 深色调 · 灰色调
浅色调
- 6D212C
- 7E3941
- 905156
- A0696C
- B18083
- C1999B
- D1B2B3
- E0CBCC
- F0E5E5
深色调
- 4E0014
- 410010
- 35000B
- 290007
- 1E0004
- 130002
- 090001
- 030000
- 000000
灰色调
- 611523
- 66232C
- 6A3036
- 6F3C40
- 73474A
- 765355
- 795E5F
- 7C696A
- 7E7575
配色和谐
互补色 +180°
- 5B0019
Merguez
- 003536
≈ Shrub Green
类似色 -30° +30°
- 5B0019
Merguez
- 53063B
≈ Royal Ash
- 4F1C00
≈ Chocolate Rush
三角配色 +120° +240°
- 5B0019
Merguez
- 183700
≈ Elite Green
- 002C5E
≈ Marine
分裂互补色 +150° +210°
- 5B0019
Merguez
- 003726
≈ Off-Road Green
- 003343
≈ Nordic Noir
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AAA白底
WCAG 14.39:1 · APCA Lc 100
Ag
Fail黑底
WCAG 1.45:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 14.39:1 (AAA) · APCA Lc 100
Contrast pairs
代码片段
CSS
:root {
--merguez: #5b0019;
--merguez-rgb: 91 0 25;
--merguez-oklch: oklch(0.299 0.12 15.2);
}
.element {
color: var(--merguez);
background-color: hsl(344 100% 18%);
border-color: oklch(0.299 0.12 15.2);
}Tailwind CSS v4
@theme {
--color-merguez: #5b0019;
--color-merguez-50: #ffe8e9;
--color-merguez-100: #ffd9d9;
--color-merguez-200: #ffc0c2;
--color-merguez-300: #ee9ea1;
--color-merguez-400: #dc8087;
--color-merguez-500: #c8616c;
--color-merguez-600: #a9535c;
--color-merguez-700: #884249;
--color-merguez-800: #652f36;
--color-merguez-900: #472025;
--color-merguez-950: #2e0f14;
}SCSS
$merguez: #5b0019;
$merguez-rgb: 91, 0, 25;
$merguez-light: mix(#fff, $merguez, 20%);
$merguez-dark: mix(#000, $merguez, 20%);
.element {
color: $merguez;
box-shadow: 0 0 0 2px rgba($merguez, 0.35);
}