Benannte Farbe · #D8E2D8
Fleeting Green
Fleeting Green ist #D8E2D8: rgb(216 226 216), hsl(120 15% 87%), oklch(0.902 0.017 145.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Fleeting Green color name →
#D8E2D8
oklch(0.902 0.017 145.4)
Farbumrechnungen
- HEX
- #d8e2d8
- RGB
- rgb(216 226 216)
- HSL
- hsl(120 15% 87%)
- HWB
- hwb(120 85% 11%)
- OKLCH
- oklch(0.902 0.017 145.4)
- OKLab
- oklab(0.902 -0.014 0.01)
- CIE Lab
- lab(88.9 -4.83 3.68)
- LCH
- lch(88.9 6.07 142.7)
- CMYK
- cmyk(4% 0% 4% 11%)
Tints · Shades · Tones
Tints
- DCE5DC
- E0E8E0
- E4EBE4
- E7EEE7
- EBF0EB
- EFF3EF
- F3F6F3
- F7F9F7
- FBFCFB
Shades
- BCC4BC
- A0A8A0
- 858C85
- 6B716B
- 535753
- 3B3E3B
- 252725
- 111211
- 020302
Tones
- CFD8CF
- C6CEC6
- BDC4BD
- B4BAB4
- ABB0AB
- A2A6A2
- 9A9C9A
- 919391
- 888988
Farbharmonien
Komplementär +180°
- D8E2D8
Fleeting Green
- E5DBE5
≈ Spangle
Analog -30° +30°
- D8E2D8
Fleeting Green
- DEE0D4
≈ Whitened Sage
- D4E3DE
≈ Morning Breeze
Triadisch +120° +240°
- D8E2D8
Fleeting Green
- D9DFEB
≈ Diluted Lilac
- EADBD9
≈ Hyper Light Drifter
Geteilt komplementär +150° +210°
- D8E2D8
Fleeting Green
- DFDDE9
≈ Rare Crystal
- E9DADF
≈ Relieved Red
Tetradisch +90° +180° +270°
- D8E2D8
Fleeting Green
- D4E1E9
≈ Pale Grey Blue
- E5DBE5
≈ Spangle
- E8DCD4
≈ Studio White
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.32:1 · APCA Lc 16
Ag
AAAAuf Schwarz
WCAG 15.78:1 · APCA Lc 87
Beste Textfarbe: #000000
WCAG 15.78:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--fleeting-green: #d8e2d8;
--fleeting-green-rgb: 216 226 216;
--fleeting-green-oklch: oklch(0.902 0.017 145.4);
}
.element {
color: var(--fleeting-green);
background-color: hsl(120 15% 87%);
border-color: oklch(0.902 0.017 145.4);
}Tailwind CSS v4
@theme {
--color-fleeting-green: #d8e2d8;
--color-fleeting-green-50: #f2f6f2;
--color-fleeting-green-100: #e4e9e5;
--color-fleeting-green-200: #d0d6d0;
--color-fleeting-green-300: #b2bab2;
--color-fleeting-green-400: #98a198;
--color-fleeting-green-500: #7f897f;
--color-fleeting-green-600: #6c746c;
--color-fleeting-green-700: #565d56;
--color-fleeting-green-800: #3f443f;
--color-fleeting-green-900: #2b2f2b;
--color-fleeting-green-950: #191b18;
}SCSS
$fleeting-green: #d8e2d8;
$fleeting-green-rgb: 216, 226, 216;
$fleeting-green-light: mix(#fff, $fleeting-green, 20%);
$fleeting-green-dark: mix(#000, $fleeting-green, 20%);
.element {
color: $fleeting-green;
box-shadow: 0 0 0 2px rgba($fleeting-green, 0.35);
}