Benannte Farbe · #9FC5AA
Mini Green
Mini Green ist #9FC5AA: rgb(159 197 170), hsl(137 25% 70%), oklch(0.788 0.056 154). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Mini Green color name →
#9FC5AA
oklch(0.788 0.056 154)
Farbumrechnungen
- HEX
- #9fc5aa
- RGB
- rgb(159 197 170)
- HSL
- hsl(137 25% 70%)
- HWB
- hwb(137 62% 23%)
- OKLCH
- oklch(0.788 0.056 154)
- OKLab
- oklab(0.788 -0.05 0.024)
- CIE Lab
- lab(76.18 -17.19 9.22)
- LCH
- lch(76.18 19.5 151.8)
- CMYK
- cmyk(19% 0% 14% 23%)
Tints · Shades · Tones
Tints
- A9CBB2
- B2D1BB
- BCD6C3
- C5DCCB
- CFE2D4
- D8E8DC
- E2EDE5
- ECF3EE
- F5F9F6
Shades
- 8AAB93
- 75927D
- 617968
- 4D6153
- 3B4B3F
- 29352D
- 18211B
- 090E0B
- 010201
Tones
- 9CBEA6
- 99B7A1
- 96B09D
- 93A999
- 90A295
- 8D9B91
- 8A948C
- 868D88
- 838784
Farbharmonien
Komplementär +180°
- 9FC5AA
Mini Green
- D1ADC9
≈ Orchid Bouquet
Analog -30° +30°
- 9FC5AA
Mini Green
- B2C19A
≈ Green Eggs & Cam
- 92C6BE
≈ Enchanted Isle
Triadisch +120° +240°
- 9FC5AA
Mini Green
- AEB8DE
≈ French Lilac Blue
- DBAEA3
≈ Angel Breath
Geteilt komplementär +150° +210°
- 9FC5AA
Mini Green
- C1B2D8
≈ Moonraker
- DAACB6
≈ Pink Nectar
Tetradisch +90° +180° +270°
- 9FC5AA
Mini Green
- 9CBFDC
≈ Blue Magpie
- D1ADC9
≈ Orchid Bouquet
- D4B395
≈ My Chai
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.90:1 · APCA Lc 36
Ag
AAAAuf Schwarz
WCAG 11.04:1 · APCA Lc 66
Beste Textfarbe: #000000
WCAG 11.04:1 (AAA) · APCA Lc 66
Contrast pairs
Code-Snippets
CSS
:root {
--mini-green: #9fc5aa;
--mini-green-rgb: 159 197 170;
--mini-green-oklch: oklch(0.788 0.056 154);
}
.element {
color: var(--mini-green);
background-color: hsl(137 25% 70%);
border-color: oklch(0.788 0.056 154);
}Tailwind CSS v4
@theme {
--color-mini-green: #9fc5aa;
--color-mini-green-50: #e9faef;
--color-mini-green-100: #daeee0;
--color-mini-green-200: #c2dcca;
--color-mini-green-300: #a1c0ac;
--color-mini-green-400: #85a990;
--color-mini-green-500: #699175;
--color-mini-green-600: #597b64;
--color-mini-green-700: #47624f;
--color-mini-green-800: #344839;
--color-mini-green-900: #233227;
--color-mini-green-950: #121e15;
}SCSS
$mini-green: #9fc5aa;
$mini-green-rgb: 159, 197, 170;
$mini-green-light: mix(#fff, $mini-green, 20%);
$mini-green-dark: mix(#000, $mini-green, 20%);
.element {
color: $mini-green;
box-shadow: 0 0 0 2px rgba($mini-green, 0.35);
}