Benannte Farbe · #9DA98C
Reseda
Reseda ist #9DA98C: rgb(157 169 140), hsl(85 14% 61%), oklch(0.717 0.043 125.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Reseda color name →
#9DA98C
oklch(0.717 0.043 125.8)
Farbumrechnungen
- HEX
- #9da98c
- RGB
- rgb(157 169 140)
- HSL
- hsl(85 14% 61%)
- HWB
- hwb(85 55% 34%)
- OKLCH
- oklch(0.717 0.043 125.8)
- OKLab
- oklab(0.717 -0.025 0.035)
- CIE Lab
- lab(67.68 -8.36 13.53)
- LCH
- lch(67.68 15.9 121.7)
- CMYK
- cmyk(7% 0% 17% 34%)
Tints · Shades · Tones
Tints
- A6B197
- B0BAA2
- B9C2AD
- C3CBB9
- CDD3C4
- D7DCD0
- E1E5DB
- EBEDE7
- F5F6F3
Shades
- 889279
- 737C67
- 5F6755
- 4C5343
- 3A3F33
- 282C23
- 181B14
- 090A07
- 010101
Tones
- 9AA58B
- 97A18A
- 949D89
- 919887
- 8E9486
- 8B9085
- 898C84
- 868883
- 838481
Farbharmonien
Komplementär +180°
- 9DA98C
Reseda
- AA9DBA
≈ Fragrant Satchel
Analog -30° +30°
- 9DA98C
Reseda
- ACA486
≈ Stone
- 8FAC99
≈ Peaslake
Triadisch +120° +240°
- 9DA98C
Reseda
- 8EA7BE
≈ Kaleidoscope
- BC99A0
≈ It’s Your Mauve
Geteilt komplementär +150° +210°
- 9DA98C
Reseda
- 9CA2BF
≈ Ruffled Iris
- B69AAE
≈ Veiled Violet
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.47:1 · APCA Lc 49
Ag
AAAAuf Schwarz
WCAG 8.48:1 · APCA Lc 53
Beste Textfarbe: #000000
WCAG 8.48:1 (AAA) · APCA Lc 53
Contrast pairs
Code-Snippets
CSS
:root {
--reseda: #9da98c;
--reseda-rgb: 157 169 140;
--reseda-oklch: oklch(0.717 0.043 125.8);
}
.element {
color: var(--reseda);
background-color: hsl(85 14% 61%);
border-color: oklch(0.717 0.043 125.8);
}Tailwind CSS v4
@theme {
--color-reseda: #9da98c;
--color-reseda-50: #f1f8eb;
--color-reseda-100: #e4ebdc;
--color-reseda-200: #cfd8c5;
--color-reseda-300: #b1bca5;
--color-reseda-400: #98a388;
--color-reseda-500: #7f8c6d;
--color-reseda-600: #6c765c;
--color-reseda-700: #565f4a;
--color-reseda-800: #3f4535;
--color-reseda-900: #2b3024;
--color-reseda-950: #191c13;
}SCSS
$reseda: #9da98c;
$reseda-rgb: 157, 169, 140;
$reseda-light: mix(#fff, $reseda, 20%);
$reseda-dark: mix(#000, $reseda, 20%);
.element {
color: $reseda;
box-shadow: 0 0 0 2px rgba($reseda, 0.35);
}