Benannte Farbe · #B7D7BF
Reclining Green
Reclining Green ist #B7D7BF: rgb(183 215 191), hsl(135 29% 78%), oklch(0.849 0.047 152.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Reclining Green color name →
#B7D7BF
oklch(0.849 0.047 152.9)
Farbumrechnungen
- HEX
- #b7d7bf
- RGB
- rgb(183 215 191)
- HSL
- hsl(135 29% 78%)
- HWB
- hwb(135 72% 16%)
- OKLCH
- oklch(0.849 0.047 152.9)
- OKLab
- oklab(0.849 -0.042 0.022)
- CIE Lab
- lab(83.13 -14.46 8.17)
- LCH
- lch(83.13 16.61 150.5)
- CMYK
- cmyk(15% 0% 11% 16%)
Tints · Shades · Tones
Tints
- BEDBC5
- C5DFCC
- CDE3D2
- D4E7D8
- DBEBDF
- E2EFE5
- E9F3EC
- F1F7F2
- F8FBF8
Shades
- 9FBBA6
- 879F8D
- 708575
- 5A6B5E
- 455248
- 313B33
- 1E251F
- 0C110D
- 020202
Tones
- B1CEB9
- ACC5B2
- A6BCAC
- A1B3A5
- 9BAB9F
- 96A299
- 909992
- 8B918C
- 858886
Farbharmonien
Komplementär +180°
- B7D7BF
Reclining Green
- E1C3DB
≈ Dog Rose
Analog -30° +30°
- B7D7BF
Reclining Green
- C7D3B1
≈ Hidden Hills
- ACD8D0
≈ Scandal
Triadisch +120° +240°
- B7D7BF
Reclining Green
- C3CCED
≈ Ace
- EBC3BA
≈ Gentle Kiss
Geteilt komplementär +150° +210°
- B7D7BF
Reclining Green
- D3C7E8
≈ Foggy Love
- EAC1CA
≈ Primrose Pink
Tetradisch +90° +180° +270°
- B7D7BF
Reclining Green
- B4D2EB
≈ Modern Blue
- E1C3DB
≈ Dog Rose
- E5C7AE
≈ Mesquite Powder
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.55:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.48:1 · APCA Lc 78
Beste Textfarbe: #000000
WCAG 13.48:1 (AAA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--reclining-green: #b7d7bf;
--reclining-green-rgb: 183 215 191;
--reclining-green-oklch: oklch(0.849 0.047 152.9);
}
.element {
color: var(--reclining-green);
background-color: hsl(135 29% 78%);
border-color: oklch(0.849 0.047 152.9);
}Tailwind CSS v4
@theme {
--color-reclining-green: #b7d7bf;
--color-reclining-green-50: #ebf9ef;
--color-reclining-green-100: #dcede1;
--color-reclining-green-200: #c5dbcb;
--color-reclining-green-300: #a5bfad;
--color-reclining-green-400: #8aa791;
--color-reclining-green-500: #6f9077;
--color-reclining-green-600: #5e7a65;
--color-reclining-green-700: #4b6151;
--color-reclining-green-800: #37473a;
--color-reclining-green-900: #253128;
--color-reclining-green-950: #141d16;
}SCSS
$reclining-green: #b7d7bf;
$reclining-green-rgb: 183, 215, 191;
$reclining-green-light: mix(#fff, $reclining-green, 20%);
$reclining-green-dark: mix(#000, $reclining-green, 20%);
.element {
color: $reclining-green;
box-shadow: 0 0 0 2px rgba($reclining-green, 0.35);
}