Benannte Farbe · #A1C2B9
Cascade Green
Cascade Green ist #A1C2B9: rgb(161 194 185), hsl(164 21% 70%), oklch(0.787 0.038 176.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Cascade Green color name →
#A1C2B9
oklch(0.787 0.038 176.9)
Farbumrechnungen
- HEX
- #a1c2b9
- RGB
- rgb(161 194 185)
- HSL
- hsl(164 21% 70%)
- HWB
- hwb(164 63% 24%)
- OKLCH
- oklch(0.787 0.038 176.9)
- OKLab
- oklab(0.787 -0.038 0.002)
- CIE Lab
- lab(75.79 -12.88 0.65)
- LCH
- lch(75.79 12.89 177.1)
- CMYK
- cmyk(17% 0% 5% 24%)
Tints · Shades · Tones
Tints
- AAC8C0
- B4CEC7
- BDD4CE
- C6DAD4
- D0E0DB
- D9E6E2
- E2ECEA
- ECF3F1
- F5F9F8
Shades
- 8BA8A0
- 768F89
- 627771
- 4E605B
- 3C4946
- 2A3431
- 19201E
- 090E0D
- 010202
Tones
- 9EBBB3
- 9BB4AD
- 97AEA8
- 94A7A2
- 91A09C
- 8D9A96
- 8A9391
- 878D8B
- 838686
Farbharmonien
Komplementär +180°
- A1C2B9
Cascade Green
- CFB0BA
≈ Iced Watermelon
Analog -30° +30°
- A1C2B9
Cascade Green
- ABC1AC
≈ Young Gecko
- 9EC1C6
≈ Canal Blue
Triadisch +120° +240°
- A1C2B9
Cascade Green
- BCB5D0
≈ Frosted Orchid
- CDB4A3
≈ Rustic Rose
Geteilt komplementär +150° +210°
- A1C2B9
Cascade Green
- C7B2C7
≈ Delicate Mauve
- D1B1AD
≈ Garden Snail
Tetradisch +90° +180° +270°
- A1C2B9
Cascade Green
- AFBAD3
≈ Halogen Blue
- CFB0BA
≈ Iced Watermelon
- C4B99F
≈ Dancing Dolphin
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.92:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.93:1 · APCA Lc 66
Beste Textfarbe: #000000
WCAG 10.93:1 (AAA) · APCA Lc 66
Contrast pairs
Code-Snippets
CSS
:root {
--cascade-green: #a1c2b9;
--cascade-green-rgb: 161 194 185;
--cascade-green-oklch: oklch(0.787 0.038 176.9);
}
.element {
color: var(--cascade-green);
background-color: hsl(164 21% 70%);
border-color: oklch(0.787 0.038 176.9);
}Tailwind CSS v4
@theme {
--color-cascade-green: #a1c2b9;
--color-cascade-green-50: #eaf9f5;
--color-cascade-green-100: #dbece8;
--color-cascade-green-200: #c4dad4;
--color-cascade-green-300: #a4beb8;
--color-cascade-green-400: #88a69e;
--color-cascade-green-500: #6c8f86;
--color-cascade-green-600: #5b7971;
--color-cascade-green-700: #49615a;
--color-cascade-green-800: #354742;
--color-cascade-green-900: #24312d;
--color-cascade-green-950: #131d1a;
}SCSS
$cascade-green: #a1c2b9;
$cascade-green-rgb: 161, 194, 185;
$cascade-green-light: mix(#fff, $cascade-green, 20%);
$cascade-green-dark: mix(#000, $cascade-green, 20%);
.element {
color: $cascade-green;
box-shadow: 0 0 0 2px rgba($cascade-green, 0.35);
}