Benannte Farbe · #B8CA9D
Sprout
Sprout ist #B8CA9D: rgb(184 202 157), hsl(84 30% 70%), oklch(0.814 0.064 125.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Sprout color name →
#B8CA9D
oklch(0.814 0.064 125.5)
Farbumrechnungen
- HEX
- #b8ca9d
- RGB
- rgb(184 202 157)
- HSL
- hsl(84 30% 70%)
- HWB
- hwb(84 62% 21%)
- OKLCH
- oklch(0.814 0.064 125.5)
- OKLab
- oklab(0.814 -0.037 0.052)
- CIE Lab
- lab(79.07 -12.22 20.41)
- LCH
- lch(79.07 23.79 120.9)
- CMYK
- cmyk(9% 0% 22% 21%)
Tints · Shades · Tones
Tints
- BFCFA7
- C6D5B0
- CDDABA
- D4DFC4
- DBE4CE
- E2EAD7
- E9EFE1
- F0F4EB
- F8FAF5
Shades
- A0AF88
- 889573
- 717C5F
- 5B644C
- 454D3A
- 313728
- 1E2218
- 0C0F09
- 020201
Tones
- B2C29A
- ADBB97
- A7B395
- A1AC92
- 9CA48F
- 969D8C
- 909689
- 8B8E86
- 858783
Farbharmonien
Komplementär +180°
- B8CA9D
Sprout
- CCB8E4
≈ Drifting Dream
Analog -30° +30°
- B8CA9D
Sprout
- CEC293
≈ Hippolyta
- A1CFB1
≈ Retro Mint
Triadisch +120° +240°
- B8CA9D
Sprout
- A0C7EA
≈ Island Light
- E7B1BC
≈ Amazon River Dolphin
Geteilt komplementär +150° +210°
- B8CA9D
Sprout
- B6BFEC
≈ Larkspur Bud
- DDB3D2
≈ Bff
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.75:1 · APCA Lc 32
Ag
AAAAuf Schwarz
WCAG 11.97:1 · APCA Lc 71
Beste Textfarbe: #000000
WCAG 11.97:1 (AAA) · APCA Lc 71
Contrast pairs
Code-Snippets
CSS
:root {
--sprout: #b8ca9d;
--sprout-rgb: 184 202 157;
--sprout-oklch: oklch(0.814 0.064 125.5);
}
.element {
color: var(--sprout);
background-color: hsl(84 30% 70%);
border-color: oklch(0.814 0.064 125.5);
}Tailwind CSS v4
@theme {
--color-sprout: #b8ca9d;
--color-sprout-50: #f0f9e6;
--color-sprout-100: #e2ecd6;
--color-sprout-200: #ccdabd;
--color-sprout-300: #aebe9b;
--color-sprout-400: #95a67c;
--color-sprout-500: #7c8e5f;
--color-sprout-600: #697851;
--color-sprout-700: #546040;
--color-sprout-800: #3e462d;
--color-sprout-900: #2a311f;
--color-sprout-950: #181d0e;
}SCSS
$sprout: #b8ca9d;
$sprout-rgb: 184, 202, 157;
$sprout-light: mix(#fff, $sprout, 20%);
$sprout-dark: mix(#000, $sprout, 20%);
.element {
color: $sprout;
box-shadow: 0 0 0 2px rgba($sprout, 0.35);
}