命名颜色 · #AD747D
French Marron
French Marron 即 #AD747D：rgb(173 116 125)、hsl(351 26% 57%)、oklch(0.621 0.073 9)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · French Marron color name →
#AD747D
oklch(0.621 0.073 9)
颜色转换
- HEX
- #ad747d
- RGB
- rgb(173 116 125)
- HSL
- hsl(351 26% 57%)
- HWB
- hwb(351 45% 32%)
- OKLCH
- oklch(0.621 0.073 9)
- OKLab
- oklab(0.621 0.072 0.011)
- CIE Lab
- lab(55.14 24.02 4.7)
- LCH
- lch(55.14 24.47 11.1)
- CMYK
- cmyk(0% 33% 28% 32%)
浅色调 · 深色调 · 灰色调
浅色调
- B68189
- BE8F96
- C79CA2
- CFAAAF
- D7B8BC
- DFC6C9
- E7D4D6
- EFE2E4
- F7F0F1
深色调
- 96646C
- 7F545B
- 6A454B
- 55373B
- 41292C
- 2D1B1E
- 1B0F11
- 0B0505
- 010101
灰色调
- A9757D
- A5777E
- A0787E
- 9C797E
- 987B7F
- 937C7F
- 8E7D7F
- 8A7E7F
- 857F80
配色和谐
互补色 +180°
- AD747D
French Marron
- 4D958F
≈ Mirage Lake
类似色 -30° +30°
- AD747D
French Marron
- A47595
≈ Teen Queen
- AD7766
≈ Sawshark
三角配色 +120° +240°
- AD747D
French Marron
- 798F60
≈ Old Bamboo
- 648AB1
≈ Perfect Periwinkle
分裂互补色 +150° +210°
- AD747D
French Marron
- 5F9476
≈ Skarsnik Green
- 4F91A4
≈ Aegean Sea
四角配色 +90° +180° +270°
- AD747D
French Marron
- 918753
≈ Trough Shell Brown
- 4D958F
≈ Mirage Lake
- 7D82B2
≈ Corsican Purple
对比度与无障碍
Ag
Fail白底
WCAG 3.76:1 · APCA Lc 65
Ag
AA黑底
WCAG 5.57:1 · APCA Lc 37
最佳文字颜色: #000000
WCAG 5.57:1 (AA) · APCA Lc 37
Contrast pairs
代码片段
CSS
:root {
--french-marron: #ad747d;
--french-marron-rgb: 173 116 125;
--french-marron-oklch: oklch(0.621 0.073 9);
}
.element {
color: var(--french-marron);
background-color: hsl(351 26% 57%);
border-color: oklch(0.621 0.073 9);
}Tailwind CSS v4
@theme {
--color-french-marron: #ad747d;
--color-french-marron-50: #ffedf0;
--color-french-marron-100: #ffdfe2;
--color-french-marron-200: #f2c8cc;
--color-french-marron-300: #daa9ae;
--color-french-marron-400: #c58d95;
--color-french-marron-500: #b0727c;
--color-french-marron-600: #956169;
--color-french-marron-700: #774d54;
--color-french-marron-800: #58383e;
--color-french-marron-900: #3e262b;
--color-french-marron-950: #271418;
}SCSS
$french-marron: #ad747d;
$french-marron-rgb: 173, 116, 125;
$french-marron-light: mix(#fff, $french-marron, 20%);
$french-marron-dark: mix(#000, $french-marron, 20%);
.element {
color: $french-marron;
box-shadow: 0 0 0 2px rgba($french-marron, 0.35);
}