Benannte Farbe · #B2FBA5
Light Pastel Green
Light Pastel Green ist #B2FBA5: rgb(178 251 165), hsl(111 91% 82%), oklch(0.919 0.135 140.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Light Pastel Green color name →
#B2FBA5
oklch(0.919 0.135 140.7)
Farbumrechnungen
- HEX
- #b2fba5
- RGB
- rgb(178 251 165)
- HSL
- hsl(111 91% 82%)
- HWB
- hwb(111 65% 2%)
- OKLCH
- oklch(0.919 0.135 140.7)
- OKLab
- oklab(0.919 -0.105 0.085)
- CIE Lab
- lab(92.28 -35.3 33.82)
- LCH
- lch(92.28 48.89 136.2)
- CMYK
- cmyk(29% 0% 34% 2%)
Tints · Shades · Tones
Tints
- BAFCAF
- C2FCB8
- CAFDC1
- D2FDCA
- DAFED3
- E1FEDC
- E9FEE5
- F0FFEE
- F8FFF6
Shades
- 9ADA8F
- 83BA79
- 6D9C65
- 577E51
- 43613D
- 2F462B
- 1D2D1A
- 0C150A
- 010301
Tones
- ADEEA2
- A9E29E
- A4D59B
- 9FC997
- 9ABC94
- 95B090
- 90A48C
- 8B9888
- 858C84
Farbharmonien
Komplementär +180°
- B2FBA5
Light Pastel Green
- F8D7FF
≈ Pink Diamond
Analog -30° +30°
- B2FBA5
Light Pastel Green
- E9ED7D
≈ Illuminating
- 87FFD9
≈ Roller Derby
Triadisch +120° +240°
- B2FBA5
Light Pastel Green
- D6E5FF
≈ Veiling Waterfalls
- FFDAD9
≈ Cottagecore Sunset
Geteilt komplementär +150° +210°
- B2FBA5
Light Pastel Green
- E4E0FF
≈ Stoic White
- FFD8E8
≈ Strawberry Milk
Tetradisch +90° +180° +270°
- B2FBA5
Light Pastel Green
- C5EBFF
≈ Blue Java Banana
- F8D7FF
≈ Pink Diamond
- FFDCC9
≈ Unbleached Silk
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.21:1 · APCA Lc 11
Ag
AAAAuf Schwarz
WCAG 17.23:1 · APCA Lc 93
Beste Textfarbe: #000000
WCAG 17.23:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--light-pastel-green: #b2fba5;
--light-pastel-green-rgb: 178 251 165;
--light-pastel-green-oklch: oklch(0.919 0.135 140.7);
}
.element {
color: var(--light-pastel-green);
background-color: hsl(111 91% 82%);
border-color: oklch(0.919 0.135 140.7);
}Tailwind CSS v4
@theme {
--color-light-pastel-green: #b2fba5;
--color-light-pastel-green-50: #e0ffdc;
--color-light-pastel-green-100: #cef4cb;
--color-light-pastel-green-200: #b3e4af;
--color-light-pastel-green-300: #8ec989;
--color-light-pastel-green-400: #70b264;
--color-light-pastel-green-500: #4e9b40;
--color-light-pastel-green-600: #438337;
--color-light-pastel-green-700: #35692c;
--color-light-pastel-green-800: #284d1c;
--color-light-pastel-green-900: #1b3612;
--color-light-pastel-green-950: #0b2105;
}SCSS
$light-pastel-green: #b2fba5;
$light-pastel-green-rgb: 178, 251, 165;
$light-pastel-green-light: mix(#fff, $light-pastel-green, 20%);
$light-pastel-green-dark: mix(#000, $light-pastel-green, 20%);
.element {
color: $light-pastel-green;
box-shadow: 0 0 0 2px rgba($light-pastel-green, 0.35);
}