最接近的命名颜色 · #696E5B
#696E5B
最接近的命名颜色: Italian Basil
#696E5B（rgb(105 110 91)、hsl(76 9% 39%)、oklch(0.528 0.029 119.4)）最接近命名颜色 Italian Basil。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#696E5B
oklch(0.528 0.029 119.4)
颜色转换
- HEX
- #696e5b
- RGB
- rgb(105 110 91)
- HSL
- hsl(76 9% 39%)
- HWB
- hwb(76 36% 57%)
- OKLCH
- oklch(0.528 0.029 119.4)
- OKLab
- oklab(0.528 -0.014 0.026)
- CIE Lab
- lab(45.57 -4.74 9.96)
- LCH
- lch(45.57 11.03 115.4)
- CMYK
- cmyk(5% 0% 17% 57%)
浅色调 · 深色调 · 灰色调
浅色调
- 777B6A
- 858979
- 939789
- A2A599
- B1B4AA
- C0C2BA
- D0D1CB
- DFE0DC
- EFF0ED
深色调
- 5A5F4E
- 4C5041
- 3E4135
- 313329
- 24261E
- 181913
- 0C0E09
- 040403
- 000100
灰色调
- 6B705F
- 6E7262
- 707366
- 72756A
- 74776D
- 777971
- 797B75
- 7B7C79
- 7E7E7C
配色和谐
互补色 +180°
- 696E5B
Italian Basil
- 6D687A
≈ Rum
类似色 -30° +30°
- 696E5B
Italian Basil
- 726B58
≈ Toasted Walnut
- 607062
≈ Seraphinite
三角配色 +120° +240°
- 696E5B
Italian Basil
- 5C6E7B
≈ Smoky Pitch
- 7A646B
≈ Ephemera
分裂互补色 +150° +210°
- 696E5B
Italian Basil
- 646B7D
≈ Nostalgic
- 756574
≈ Burnt Ash
四角配色 +90° +180° +270°
- 696E5B
Italian Basil
- 587075
≈ Bowman Blue
- 6D687A
≈ Rum
- 7C6561
≈ Deep Taupe
对比度与无障碍
Ag
AA白底
WCAG 5.27:1 · APCA Lc 76
Ag
Fail黑底
WCAG 3.98:1 · APCA Lc 26
最佳文字颜色: #FFFFFF
WCAG 5.27:1 (AA) · APCA Lc 76
Contrast pairs
代码片段
CSS
:root {
--italian-basil: #696e5b;
--italian-basil-rgb: 105 110 91;
--italian-basil-oklch: oklch(0.528 0.029 119.4);
}
.element {
color: var(--italian-basil);
background-color: hsl(76 9% 39%);
border-color: oklch(0.528 0.029 119.4);
}Tailwind CSS v4
@theme {
--color-italian-basil: #696e5b;
--color-italian-basil-50: #f4f7ed;
--color-italian-basil-100: #e6eadf;
--color-italian-basil-200: #d2d6c9;
--color-italian-basil-300: #b5baaa;
--color-italian-basil-400: #9ca18e;
--color-italian-basil-500: #848974;
--color-italian-basil-600: #6f7462;
--color-italian-basil-700: #595d4e;
--color-italian-basil-800: #414438;
--color-italian-basil-900: #2d2f27;
--color-italian-basil-950: #1a1b15;
}SCSS
$italian-basil: #696e5b;
$italian-basil-rgb: 105, 110, 91;
$italian-basil-light: mix(#fff, $italian-basil, 20%);
$italian-basil-dark: mix(#000, $italian-basil, 20%);
.element {
color: $italian-basil;
box-shadow: 0 0 0 2px rgba($italian-basil, 0.35);
}