最接近的命名颜色 · #466F68
#466F68
最接近的命名颜色: Moonlit Forest
#466F68（rgb(70 111 104)、hsl(170 23% 35%)、oklch(0.509 0.047 182.4)）最接近命名颜色 Moonlit Forest。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#466F68
oklch(0.509 0.047 182.4)
颜色转换
- HEX
- #466f68
- RGB
- rgb(70 111 104)
- HSL
- hsl(170 23% 35%)
- HWB
- hwb(170 27% 56%)
- OKLCH
- oklch(0.509 0.047 182.4)
- OKLab
- oklab(0.509 -0.047 -0.002)
- CIE Lab
- lab(43.65 -16.29 -0.89)
- LCH
- lch(43.65 16.32 183.1)
- CMYK
- cmyk(37% 0% 6% 56%)
浅色调 · 深色调 · 灰色调
浅色调
- 587C76
- 698A84
- 7B9893
- 8DA6A1
- A0B5B0
- B2C3C0
- C5D2CF
- D8E1DF
- EBF0EF
深色调
- 3C6059
- 32514B
- 28423E
- 1E3430
- 152724
- 0D1A18
- 050E0C
- 020404
- 000100
灰色调
- 4C716A
- 53736D
- 59746F
- 5E7671
- 647874
- 6A7976
- 6F7B79
- 757D7B
- 7B7E7E
配色和谐
互补色 +180°
- 466F68
Moonlit Forest
- 7E5B63
≈ Reading Tea Leaves
类似色 -30° +30°
- 466F68
Moonlit Forest
- 516E59
≈ Green Bayou
- 456D76
≈ Holy Water
三角配色 +120° +240°
- 466F68
Moonlit Forest
- 6B607D
≈ Purple Gumball
- 7A604A
≈ Hickory Nut
分裂互补色 +150° +210°
- 466F68
Moonlit Forest
- 775C72
≈ Banished Brown
- 7F5C55
≈ Wild West
四角配色 +90° +180° +270°
- 466F68
Moonlit Forest
- 5C6482
≈ Enduring
- 7E5B63
≈ Reading Tea Leaves
- 6F6546
≈ Mount Olive
对比度与无障碍
Ag
AA白底
WCAG 5.62:1 · APCA Lc 78
Ag
Fail黑底
WCAG 3.73:1 · APCA Lc 24
最佳文字颜色: #FFFFFF
WCAG 5.62:1 (AA) · APCA Lc 78
Contrast pairs
代码片段
CSS
:root {
--moonlit-forest: #466f68;
--moonlit-forest-rgb: 70 111 104;
--moonlit-forest-oklch: oklch(0.509 0.047 182.4);
}
.element {
color: var(--moonlit-forest);
background-color: hsl(170 23% 35%);
border-color: oklch(0.509 0.047 182.4);
}Tailwind CSS v4
@theme {
--color-moonlit-forest: #466f68;
--color-moonlit-forest-50: #e7faf7;
--color-moonlit-forest-100: #d7edea;
--color-moonlit-forest-200: #bfdbd6;
--color-moonlit-forest-300: #9dc0ba;
--color-moonlit-forest-400: #80a8a1;
--color-moonlit-forest-500: #629189;
--color-moonlit-forest-600: #547a74;
--color-moonlit-forest-700: #43625c;
--color-moonlit-forest-800: #304843;
--color-moonlit-forest-900: #20322e;
--color-moonlit-forest-950: #101e1b;
}SCSS
$moonlit-forest: #466f68;
$moonlit-forest-rgb: 70, 111, 104;
$moonlit-forest-light: mix(#fff, $moonlit-forest, 20%);
$moonlit-forest-dark: mix(#000, $moonlit-forest, 20%);
.element {
color: $moonlit-forest;
box-shadow: 0 0 0 2px rgba($moonlit-forest, 0.35);
}