最接近的命名颜色 · #55776A
#55776A
最接近的命名颜色: Ecological
#55776A（rgb(85 119 106)、hsl(157 17% 40%)、oklch(0.539 0.044 169)）最接近命名颜色 Ecological。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#55776A
oklch(0.539 0.044 169)
颜色转换
- HEX
- #55776a
- RGB
- rgb(85 119 106)
- HSL
- hsl(157 17% 40%)
- HWB
- hwb(157 33% 53%)
- OKLCH
- oklch(0.539 0.044 169)
- OKLab
- oklab(0.539 -0.043 0.008)
- CIE Lab
- lab(47.13 -14.9 3.06)
- LCH
- lch(47.13 15.21 168.4)
- CMYK
- cmyk(29% 0% 11% 53%)
浅色调 · 深色调 · 灰色调
浅色调
- 658478
- 759186
- 869E94
- 96ABA3
- A7B9B2
- B8C7C1
- CAD4D0
- DBE2DF
- EDF1EF
深色调
- 49675B
- 3D574D
- 31473F
- 263831
- 1C2A24
- 111C18
- 08100D
- 020504
- 000100
灰色调
- 5A786C
- 5E796E
- 637A71
- 677B73
- 6B7C75
- 6F7D77
- 747D79
- 787E7C
- 7C7F7E
配色和谐
互补色 +180°
- 55776A
Ecological
- 836472
≈ Opera
类似色 -30° +30°
- 55776A
Ecological
- 62755C
≈ Finlandia
- 4F7778
≈ Cool Waters
三角配色 +120° +240°
- 55776A
Ecological
- 6D6B87
≈ Dark Prince
- 846758
≈ Quartersawn Oak
分裂互补色 +150° +210°
- 55776A
Ecological
- 7A677F
≈ Purplish Grey
- 866464
≈ Forbidden Thrill
四角配色 +90° +180° +270°
- 55776A
Ecological
- 5F6F88
≈ Sausalito Port
- 836472
≈ Opera
- 7C6C52
≈ Conservation
对比度与无障碍
Ag
AA白底
WCAG 4.96:1 · APCA Lc 74
Ag
Fail黑底
WCAG 4.23:1 · APCA Lc 27
最佳文字颜色: #FFFFFF
WCAG 4.96:1 (AA) · APCA Lc 74
Contrast pairs
代码片段
CSS
:root {
--ecological: #55776a;
--ecological-rgb: 85 119 106;
--ecological-oklch: oklch(0.539 0.044 169);
}
.element {
color: var(--ecological);
background-color: hsl(157 17% 40%);
border-color: oklch(0.539 0.044 169);
}Tailwind CSS v4
@theme {
--color-ecological: #55776a;
--color-ecological-50: #e9f9f3;
--color-ecological-100: #daede6;
--color-ecological-200: #c3dbd2;
--color-ecological-300: #a2bfb4;
--color-ecological-400: #86a79a;
--color-ecological-500: #699081;
--color-ecological-600: #5a7a6d;
--color-ecological-700: #476157;
--color-ecological-800: #34473f;
--color-ecological-900: #23312b;
--color-ecological-950: #121d19;
}SCSS
$ecological: #55776a;
$ecological-rgb: 85, 119, 106;
$ecological-light: mix(#fff, $ecological, 20%);
$ecological-dark: mix(#000, $ecological, 20%);
.element {
color: $ecological;
box-shadow: 0 0 0 2px rgba($ecological, 0.35);
}