Benannte Farbe · #7B9F4B
Serene Sage
Serene Sage ist #7B9F4B: rgb(123 159 75), hsl(86 36% 46%), oklch(0.657 0.12 128.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Serene Sage color name →
#7B9F4B
oklch(0.657 0.12 128.5)
Farbumrechnungen
- HEX
- #7b9f4b
- RGB
- rgb(123 159 75)
- HSL
- hsl(86 36% 46%)
- HWB
- hwb(86 29% 38%)
- OKLCH
- oklch(0.657 0.12 128.5)
- OKLab
- oklab(0.657 -0.074 0.094)
- CIE Lab
- lab(61.38 -23.48 39.06)
- LCH
- lch(61.38 45.57 121)
- CMYK
- cmyk(23% 0% 53% 38%)
Tints · Shades · Tones
Tints
- 88A95E
- 94B270
- A1BC82
- AEC594
- BBCFA6
- C8D8B7
- D6E2C9
- E3ECDB
- F1F5ED
Shades
- 6A8A40
- 5A7535
- 4A612B
- 3A4D21
- 2C3B17
- 1E290E
- 101806
- 050902
- 010100
Tones
- 7C9C52
- 7C9958
- 7D965E
- 7D9364
- 7E9069
- 7E8D6E
- 7F8A73
- 7F8777
- 80837C
Farbharmonien
Komplementär +180°
- 7B9F4B
Serene Sage
- A67CC9
≈ Wisteria
Analog -30° +30°
- 7B9F4B
Serene Sage
- A4922C
≈ Rapeseed Oil
- 44A775
≈ Jubilant Jade
Triadisch +120° +240°
- 7B9F4B
Serene Sage
- 5196D7
≈ Flax Flower Blue
- CE7082
≈ Artful Pink
Geteilt komplementär +150° +210°
- 7B9F4B
Serene Sage
- 8189D9
≈ Indigo Bloom
- C073AA
≈ Crocus
Tetradisch +90° +180° +270°
- 7B9F4B
Serene Sage
- 00A2C1
≈ Scuba Blue
- A67CC9
≈ Wisteria
- CF7559
≈ Japonica
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.04:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.90:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 6.90:1 (AA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--serene-sage: #7b9f4b;
--serene-sage-rgb: 123 159 75;
--serene-sage-oklch: oklch(0.657 0.12 128.5);
}
.element {
color: var(--serene-sage);
background-color: hsl(86 36% 46%);
border-color: oklch(0.657 0.12 128.5);
}Tailwind CSS v4
@theme {
--color-serene-sage: #7b9f4b;
--color-serene-sage-50: #eafdd9;
--color-serene-sage-100: #daf1c7;
--color-serene-sage-200: #c3dfaa;
--color-serene-sage-300: #a3c483;
--color-serene-sage-400: #89ac5d;
--color-serene-sage-500: #6e9535;
--color-serene-sage-600: #5d7e2f;
--color-serene-sage-700: #4a6525;
--color-serene-sage-800: #384a17;
--color-serene-sage-900: #26330f;
--color-serene-sage-950: #141f03;
}SCSS
$serene-sage: #7b9f4b;
$serene-sage-rgb: 123, 159, 75;
$serene-sage-light: mix(#fff, $serene-sage, 20%);
$serene-sage-dark: mix(#000, $serene-sage, 20%);
.element {
color: $serene-sage;
box-shadow: 0 0 0 2px rgba($serene-sage, 0.35);
}