最接近的命名颜色 · #7F423D
#7F423D
最接近的命名颜色: Sly Fox
#7F423D（rgb(127 66 61)、hsl(5 35% 37%)、oklch(0.454 0.085 25.8)）最接近命名颜色 Sly Fox。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#7F423D
oklch(0.454 0.085 25.8)
颜色转换
- HEX
- #7f423d
- RGB
- rgb(127 66 61)
- HSL
- hsl(5 35% 37%)
- HWB
- hwb(5 24% 50%)
- OKLCH
- oklch(0.454 0.085 25.8)
- OKLab
- oklab(0.454 0.077 0.037)
- CIE Lab
- lab(35.81 26.45 15.46)
- LCH
- lch(35.81 30.64 30.3)
- CMYK
- cmyk(0% 48% 52% 50%)
浅色调 · 深色调 · 灰色调
浅色调
- 8C544E
- 9A6660
- A77873
- B38A86
- C09D99
- CDB0AD
- DAC3C1
- E6D7D5
- F3EBEA
深色调
- 6E3834
- 5D2F2B
- 4C2522
- 3C1C1A
- 2D1412
- 1F0B0A
- 110504
- 060101
- 010000
灰色调
- 804944
- 814F4A
- 815551
- 825C57
- 82625E
- 826865
- 826E6C
- 817472
- 817A79
配色和谐
互补色 +180°
- 7F423D
Sly Fox
- 00626B
≈ Turkish Aqua
类似色 -30° +30°
- 7F423D
Sly Fox
- 7B4158
≈ Cheerful Wine
- 7A4823
≈ Urban Auburn
三角配色 +120° +240°
- 7F423D
Sly Fox
- 346338
≈ Greenhouse
- 405486
≈ Blue Jewel
分裂互补色 +150° +210°
- 7F423D
Sly Fox
- 006554
≈ Piney Lake
- 1A5D7F
≈ Royal Blood
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AAA白底
WCAG 7.63:1 · APCA Lc 86
Ag
Fail黑底
WCAG 2.74:1 · APCA Lc 16
最佳文字颜色: #FFFFFF
WCAG 7.63:1 (AAA) · APCA Lc 86
Contrast pairs
代码片段
CSS
:root {
--sly-fox: #7f423d;
--sly-fox-rgb: 127 66 61;
--sly-fox-oklch: oklch(0.454 0.085 25.8);
}
.element {
color: var(--sly-fox);
background-color: hsl(5 35% 37%);
border-color: oklch(0.454 0.085 25.8);
}Tailwind CSS v4
@theme {
--color-sly-fox: #7f423d;
--color-sly-fox-50: #ffede8;
--color-sly-fox-100: #ffded8;
--color-sly-fox-200: #f7c7c0;
--color-sly-fox-300: #e0a79f;
--color-sly-fox-400: #cc8b84;
--color-sly-fox-500: #b86f68;
--color-sly-fox-600: #9b5e59;
--color-sly-fox-700: #7d4b47;
--color-sly-fox-800: #5c3634;
--color-sly-fox-900: #412523;
--color-sly-fox-950: #291412;
}SCSS
$sly-fox: #7f423d;
$sly-fox-rgb: 127, 66, 61;
$sly-fox-light: mix(#fff, $sly-fox, 20%);
$sly-fox-dark: mix(#000, $sly-fox, 20%);
.element {
color: $sly-fox;
box-shadow: 0 0 0 2px rgba($sly-fox, 0.35);
}