命名颜色 · #7B7D69
Dried Chive
Dried Chive 即 #7B7D69：rgb(123 125 105)、hsl(66 9% 45%)、oklch(0.582 0.03 112)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Dried Chive color name →
#7B7D69
oklch(0.582 0.03 112)
颜色转换
- HEX
- #7b7d69
- RGB
- rgb(123 125 105)
- HSL
- hsl(66 9% 45%)
- HWB
- hwb(66 41% 51%)
- OKLCH
- oklch(0.582 0.03 112)
- OKLab
- oklab(0.582 -0.011 0.028)
- CIE Lab
- lab(51.8 -3.56 10.69)
- LCH
- lch(51.8 11.27 108.4)
- CMYK
- cmyk(2% 0% 16% 51%)
浅色调 · 深色调 · 灰色调
浅色调
- 878977
- 949685
- A1A294
- AEAFA2
- BBBCB1
- C8C9C0
- D6D6D0
- E3E4DF
- F1F1EF
深色调
- 6A6C5A
- 5A5B4C
- 4A4B3E
- 3A3B31
- 2C2C24
- 1E1E18
- 10110C
- 050504
- 010100
灰色调
- 7B7D6B
- 7C7E6E
- 7C7E70
- 7D7E72
- 7D7F75
- 7E7F77
- 7E7F79
- 7F7F7B
- 7F807E
配色和谐
互补色 +180°
- 7B7D69
Dried Chive
- 7B788C
≈ Mythical
类似色 -30° +30°
- 7B7D69
Dried Chive
- 847A67
≈ Country Tweed
- 71806F
≈ Devon Rex
三角配色 +120° +240°
- 7B7D69
Dried Chive
- 6A7E8A
≈ Citadel
- 8A747D
≈ Blooming Wisteria
分裂互补色 +150° +210°
- 7B7D69
Dried Chive
- 717B8D
≈ Abandoned Spaceship
- 847586
≈ Faded Orchid
四角配色 +90° +180° +270°
- 7B7D69
Dried Chive
- 678182
≈ Rock Creek
- 7B788C
≈ Mythical
- 8C7473
≈ Plum Haze
对比度与无障碍
Ag
Fail白底
WCAG 4.21:1 · APCA Lc 69
Ag
AA黑底
WCAG 4.97:1 · APCA Lc 33
最佳文字颜色: #000000
WCAG 4.97:1 (AA) · APCA Lc 33
Contrast pairs
代码片段
CSS
:root {
--dried-chive: #7b7d69;
--dried-chive-rgb: 123 125 105;
--dried-chive-oklch: oklch(0.582 0.03 112);
}
.element {
color: var(--dried-chive);
background-color: hsl(66 9% 45%);
border-color: oklch(0.582 0.03 112);
}Tailwind CSS v4
@theme {
--color-dried-chive: #7b7d69;
--color-dried-chive-50: #f5f6ed;
--color-dried-chive-100: #e7e9de;
--color-dried-chive-200: #d4d6c8;
--color-dried-chive-300: #b7b9a8;
--color-dried-chive-400: #9ea08d;
--color-dried-chive-500: #868872;
--color-dried-chive-600: #727361;
--color-dried-chive-700: #5b5c4d;
--color-dried-chive-800: #434338;
--color-dried-chive-900: #2e2f26;
--color-dried-chive-950: #1b1b14;
}SCSS
$dried-chive: #7b7d69;
$dried-chive-rgb: 123, 125, 105;
$dried-chive-light: mix(#fff, $dried-chive, 20%);
$dried-chive-dark: mix(#000, $dried-chive, 20%);
.element {
color: $dried-chive;
box-shadow: 0 0 0 2px rgba($dried-chive, 0.35);
}