Benannte Farbe · #9DD3A8
Chinook
Chinook ist #9DD3A8: rgb(157 211 168), hsl(132 38% 72%), oklch(0.818 0.082 150.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Chinook color name →
#9DD3A8
oklch(0.818 0.082 150.5)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- A7D7B1
- B1DCB9
- BBE0C2
- C5E5CA
- CEE9D3
- D8EEDC
- E2F2E5
- ECF6ED
- F5FBF6
Shades
- 88B792
- 739C7C
- 5F8267
- 4C6952
- 3A513F
- 283A2C
- 18241A
- 09100A
- 010201
Tones
- 9ACAA4
- 98C2A0
- 95BA9C
- 92B198
- 8FA994
- 8DA190
- 8A988C
- 869088
- 838884
Farbharmonien
Komplementär +180°
- 9DD3A8
Chinook
- E3B0DD
≈ Pink Plunge
Analog -30° +30°
- 9DD3A8
Chinook
- BCCC90
≈ Natural Green
- 85D5C6
≈ Shore
Triadisch +120° +240°
- 9DD3A8
Chinook
- AFC1FA
≈ Pastel Blue
- F4B0A4
≈ First Date
Geteilt komplementär +150° +210°
- 9DD3A8
Chinook
- CCB8F1
≈ Connecticut Lilac
- F1AEC1
≈ Pink Frenzy
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.70:1 · APCA Lc 30
Ag
AAAAuf Schwarz
WCAG 12.31:1 · APCA Lc 72
Beste Textfarbe: #000000
WCAG 12.31:1 (AAA) · APCA Lc 72
Contrast pairs
Code-Snippets
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);
}