Benannte Farbe · #88BB95
Forest Frolic
Forest Frolic ist #88BB95: rgb(136 187 149), hsl(135 27% 63%), oklch(0.746 0.077 152.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Forest Frolic color name →
#88BB95
oklch(0.746 0.077 152.1)
Farbumrechnungen
- HEX
- #88bb95
- RGB
- rgb(136 187 149)
- HSL
- hsl(135 27% 63%)
- HWB
- hwb(135 53% 27%)
- OKLCH
- oklch(0.746 0.077 152.1)
- OKLab
- oklab(0.746 -0.068 0.036)
- CIE Lab
- lab(71.5 -23.33 13.68)
- LCH
- lch(71.5 27.05 149.6)
- CMYK
- cmyk(27% 0% 20% 27%)
Tints · Shades · Tones
Tints
- 94C29F
- A0C9AA
- ACCFB4
- B8D6BE
- C3DDC9
- CFE4D4
- DBEADE
- E7F1E9
- F3F8F4
Shades
- 75A281
- 638A6D
- 52735A
- 415C48
- 314637
- 223226
- 131F16
- 060D08
- 010201
Tones
- 88B593
- 87AF91
- 87A98F
- 86A38D
- 859D8B
- 849789
- 839286
- 828C84
- 818682
Farbharmonien
Komplementär +180°
- 88BB95
Forest Frolic
- CA9BC2
≈ Clover Pink
Analog -30° +30°
- 88BB95
Forest Frolic
- A4B57E
≈ Serpentine
- 73BDB0
≈ Mintage
Triadisch +120° +240°
- 88BB95
Forest Frolic
- 9BAADE
≈ Aster Flower Blue
- D99B8E
≈ Shanghai Peach
Geteilt komplementär +150° +210°
- 88BB95
Forest Frolic
- B5A1D5
≈ Purple Premiere
- D699A9
≈ Blush Bomb
Tetradisch +90° +180° +270°
- 88BB95
Forest Frolic
- 81B3D9
≈ Dun Morogh Blue
- CA9BC2
≈ Clover Pink
- D0A27A
≈ Golden Beige
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.19:1 · APCA Lc 43
Ag
AAAAuf Schwarz
WCAG 9.58:1 · APCA Lc 59
Beste Textfarbe: #000000
WCAG 9.58:1 (AAA) · APCA Lc 59
Contrast pairs
Code-Snippets
CSS
:root {
--forest-frolic: #88bb95;
--forest-frolic-rgb: 136 187 149;
--forest-frolic-oklch: oklch(0.746 0.077 152.1);
}
.element {
color: var(--forest-frolic);
background-color: hsl(135 27% 63%);
border-color: oklch(0.746 0.077 152.1);
}Tailwind CSS v4
@theme {
--color-forest-frolic: #88bb95;
--color-forest-frolic-50: #e5fceb;
--color-forest-frolic-100: #d5f0dd;
--color-forest-frolic-200: #bcdec6;
--color-forest-frolic-300: #99c3a6;
--color-forest-frolic-400: #7cac88;
--color-forest-frolic-500: #5e956d;
--color-forest-frolic-600: #507e5d;
--color-forest-frolic-700: #40654a;
--color-forest-frolic-800: #2e4a34;
--color-forest-frolic-900: #1f3324;
--color-forest-frolic-950: #0f1f12;
}SCSS
$forest-frolic: #88bb95;
$forest-frolic-rgb: 136, 187, 149;
$forest-frolic-light: mix(#fff, $forest-frolic, 20%);
$forest-frolic-dark: mix(#000, $forest-frolic, 20%);
.element {
color: $forest-frolic;
box-shadow: 0 0 0 2px rgba($forest-frolic, 0.35);
}