Benannte Farbe · #98AD8E
Hidden Glade
Hidden Glade ist #98AD8E: rgb(152 173 142), hsl(101 16% 62%), oklch(0.723 0.05 135.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Hidden Glade color name →
#98AD8E
oklch(0.723 0.05 135.5)
Farbumrechnungen
- HEX
- #98ad8e
- RGB
- rgb(152 173 142)
- HSL
- hsl(101 16% 62%)
- HWB
- hwb(101 56% 32%)
- OKLCH
- oklch(0.723 0.05 135.5)
- OKLab
- oklab(0.723 -0.035 0.035)
- CIE Lab
- lab(68.45 -11.96 13.44)
- LCH
- lch(68.45 17.99 131.7)
- CMYK
- cmyk(12% 0% 18% 32%)
Tints · Shades · Tones
Tints
- A2B599
- ACBDA4
- B6C5AF
- C0CDBA
- CAD5C5
- D5DED1
- DFE6DC
- EAEEE8
- F4F7F3
Shades
- 84967B
- 707F68
- 5C6A56
- 4A5544
- 384134
- 272D24
- 171B15
- 080B07
- 010101
Tones
- 96A88D
- 93A48B
- 919F8A
- 8E9B89
- 8C9687
- 8A9286
- 878D84
- 858983
- 828481
Farbharmonien
Komplementär +180°
- 98AD8E
Hidden Glade
- B29CBB
≈ Grape Smoke
Analog -30° +30°
- 98AD8E
Hidden Glade
- A9A884
≈ Meditation Time
- 89B09E
≈ Le Max
Triadisch +120° +240°
- 98AD8E
Hidden Glade
- 91A7C5
≈ Dresden Doll
- C3999B
≈ Rose Meadow
Geteilt komplementär +150° +210°
- 98AD8E
Hidden Glade
- A2A2C4
≈ Ruffled Iris
- BD99AC
≈ Classy Mauve
Tetradisch +90° +180° +270°
- 98AD8E
Hidden Glade
- 84ADBD
≈ Sebastian Inlet
- B29CBB
≈ Grape Smoke
- C19C8C
≈ Mahogany Rose
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.41:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.70:1 · APCA Lc 54
Beste Textfarbe: #000000
WCAG 8.70:1 (AAA) · APCA Lc 54
Contrast pairs
Code-Snippets
CSS
:root {
--hidden-glade: #98ad8e;
--hidden-glade-rgb: 152 173 142;
--hidden-glade-oklch: oklch(0.723 0.05 135.5);
}
.element {
color: var(--hidden-glade);
background-color: hsl(101 16% 62%);
border-color: oklch(0.723 0.05 135.5);
}Tailwind CSS v4
@theme {
--color-hidden-glade: #98ad8e;
--color-hidden-glade-50: #eff9eb;
--color-hidden-glade-100: #e0ecdc;
--color-hidden-glade-200: #cadac5;
--color-hidden-glade-300: #acbea5;
--color-hidden-glade-400: #92a688;
--color-hidden-glade-500: #788e6d;
--color-hidden-glade-600: #66785d;
--color-hidden-glade-700: #51604a;
--color-hidden-glade-800: #3b4635;
--color-hidden-glade-900: #293124;
--color-hidden-glade-950: #171d13;
}SCSS
$hidden-glade: #98ad8e;
$hidden-glade-rgb: 152, 173, 142;
$hidden-glade-light: mix(#fff, $hidden-glade, 20%);
$hidden-glade-dark: mix(#000, $hidden-glade, 20%);
.element {
color: $hidden-glade;
box-shadow: 0 0 0 2px rgba($hidden-glade, 0.35);
}