命名颜色 · #9DD3A8
Chinook
Chinook 即 #9DD3A8：rgb(157 211 168)、hsl(132 38% 72%)、oklch(0.818 0.082 150.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Chinook color name →
#9DD3A8
oklch(0.818 0.082 150.5)
颜色转换
- HEX
- #9dd3a8
- RGB
- rgb(157 211 168)
- HSL
- hsl(132 38% 72%)
- HWB
- hwb(132 62% 17%)
- OKLCH
- oklch(0.818 0.082 150.5)
- OKLab
- oklab(0.818 -0.071 0.04)
- CIE Lab
- lab(79.94 -24.58 15.49)
- LCH
- lch(79.94 29.05 147.8)
- CMYK
- cmyk(26% 0% 20% 17%)
浅色调 · 深色调 · 灰色调
浅色调
- A7D7B1
- B1DCB9
- BBE0C2
- C5E5CA
- CEE9D3
- D8EEDC
- E2F2E5
- ECF6ED
- F5FBF6
深色调
- 88B792
- 739C7C
- 5F8267
- 4C6952
- 3A513F
- 283A2C
- 18241A
- 09100A
- 010201
灰色调
- 9ACAA4
- 98C2A0
- 95BA9C
- 92B198
- 8FA994
- 8DA190
- 8A988C
- 869088
- 838884
配色和谐
互补色 +180°
- 9DD3A8
Chinook
- E3B0DD
≈ Pink Plunge
类似色 -30° +30°
- 9DD3A8
Chinook
- BCCC90
≈ Natural Green
- 85D5C6
≈ Shore
三角配色 +120° +240°
- 9DD3A8
Chinook
- AFC1FA
≈ Pastel Blue
- F4B0A4
≈ First Date
分裂互补色 +150° +210°
- 9DD3A8
Chinook
- CCB8F1
≈ Connecticut Lilac
- F1AEC1
≈ Pink Frenzy
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.70:1 · APCA Lc 30
Ag
AAA黑底
WCAG 12.31:1 · APCA Lc 72
最佳文字颜色: #000000
WCAG 12.31:1 (AAA) · APCA Lc 72
Contrast pairs
代码片段
CSS
:root {
--chinook: #9dd3a8;
--chinook-rgb: 157 211 168;
--chinook-oklch: oklch(0.818 0.082 150.5);
}
.element {
color: var(--chinook);
background-color: hsl(132 38% 72%);
border-color: oklch(0.818 0.082 150.5);
}Tailwind CSS v4
@theme {
--color-chinook: #9dd3a8;
--color-chinook-50: #e5fcea;
--color-chinook-100: #d4f0db;
--color-chinook-200: #bbdfc4;
--color-chinook-300: #98c4a3;
--color-chinook-400: #7bad85;
--color-chinook-500: #5c9669;
--color-chinook-600: #4e7f5a;
--color-chinook-700: #3e6547;
--color-chinook-800: #2e4a32;
--color-chinook-900: #1f3422;
--color-chinook-950: #0e1f11;
}SCSS
$chinook: #9dd3a8;
$chinook-rgb: 157, 211, 168;
$chinook-light: mix(#fff, $chinook, 20%);
$chinook-dark: mix(#000, $chinook, 20%);
.element {
color: $chinook;
box-shadow: 0 0 0 2px rgba($chinook, 0.35);
}