Benannte Farbe · #88A395
Modern Mint
Modern Mint ist #88A395: rgb(136 163 149), hsl(149 13% 59%), oklch(0.691 0.036 162.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Modern Mint color name →
#88A395
oklch(0.691 0.036 162.8)
Farbumrechnungen
- HEX
- #88a395
- RGB
- rgb(136 163 149)
- HSL
- hsl(149 13% 59%)
- HWB
- hwb(149 53% 36%)
- OKLCH
- oklch(0.691 0.036 162.8)
- OKLab
- oklab(0.691 -0.035 0.011)
- CIE Lab
- lab(64.61 -11.91 4.01)
- LCH
- lch(64.61 12.57 161.4)
- CMYK
- cmyk(17% 0% 9% 36%)
Tints · Shades · Tones
Tints
- 93AC9F
- 9FB5A9
- ABBEB4
- B6C7BE
- C2D0C9
- CED9D3
- DAE3DE
- E6ECE9
- F3F6F4
Shades
- 758D81
- 63786D
- 52635A
- 414F48
- 313C37
- 222A26
- 131916
- 060A08
- 010101
Tones
- 879F93
- 879C91
- 86988F
- 85958D
- 84918A
- 848E88
- 838A86
- 828784
- 818382
Farbharmonien
Komplementär +180°
- 88A395
Modern Mint
- AC93A2
≈ Grape Soda
Analog -30° +30°
- 88A395
Modern Mint
- 93A18A
≈ Athenian Green
- 82A3A2
≈ Venus Teal
Triadisch +120° +240°
- 88A395
Modern Mint
- 9899B2
≈ Bay Fog
- B0958A
≈ Rose Mauve
Geteilt komplementär +150° +210°
- 88A395
Modern Mint
- A395AC
≈ Garden Flower
- B19395
≈ Deauville Mauve
Tetradisch +90° +180° +270°
- 88A395
Modern Mint
- 8C9DB2
≈ Periwinkle Dusk
- AC93A2
≈ Grape Soda
- AA9883
≈ Quicksand
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.72:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.71:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.71:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
CSS
:root {
--modern-mint: #88a395;
--modern-mint-rgb: 136 163 149;
--modern-mint-oklch: oklch(0.691 0.036 162.8);
}
.element {
color: var(--modern-mint);
background-color: hsl(149 13% 59%);
border-color: oklch(0.691 0.036 162.8);
}Tailwind CSS v4
@theme {
--color-modern-mint: #88a395;
--color-modern-mint-50: #ecf9f2;
--color-modern-mint-100: #ddece5;
--color-modern-mint-200: #c7d9d0;
--color-modern-mint-300: #a7beb3;
--color-modern-mint-400: #8ca698;
--color-modern-mint-500: #718e7f;
--color-modern-mint-600: #60786c;
--color-modern-mint-700: #4c6056;
--color-modern-mint-800: #38463e;
--color-modern-mint-900: #26312b;
--color-modern-mint-950: #141d18;
}SCSS
$modern-mint: #88a395;
$modern-mint-rgb: 136, 163, 149;
$modern-mint-light: mix(#fff, $modern-mint, 20%);
$modern-mint-dark: mix(#000, $modern-mint, 20%);
.element {
color: $modern-mint;
box-shadow: 0 0 0 2px rgba($modern-mint, 0.35);
}