Benannte Farbe · #9EBC97
Quiet Green
Quiet Green ist #9EBC97: rgb(158 188 151), hsl(109 22% 66%), oklch(0.763 0.061 139.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Quiet Green color name →
#9EBC97
oklch(0.763 0.061 139.8)
Farbumrechnungen
- HEX
- #9ebc97
- RGB
- rgb(158 188 151)
- HSL
- hsl(109 22% 66%)
- HWB
- hwb(109 59% 26%)
- OKLCH
- oklch(0.763 0.061 139.8)
- OKLab
- oklab(0.763 -0.047 0.04)
- CIE Lab
- lab(73.24 -15.84 15.27)
- LCH
- lch(73.24 22 136)
- CMYK
- cmyk(16% 0% 20% 26%)
Tints · Shades · Tones
Tints
- A7C3A1
- B1C9AB
- BBD0B6
- C4D7C0
- CEDDCA
- D8E4D5
- E1EBDF
- EBF1EA
- F5F8F4
Shades
- 89A383
- 748B6F
- 60735C
- 4D5D49
- 3A4737
- 293226
- 181F17
- 090D08
- 010201
Tones
- 9BB695
- 98B093
- 95AA90
- 92A48E
- 8F9E8C
- 8C9889
- 899287
- 868C85
- 838682
Farbharmonien
Komplementär +180°
- 9EBC97
Quiet Green
- C4A6CB
≈ Tea Towel
Analog -30° +30°
- 9EBC97
Quiet Green
- B4B689
≈ Sweet Grass
- 8BBFAC
≈ Seaborn
Triadisch +120° +240°
- 9EBC97
Quiet Green
- 9BB3DA
≈ Myrtle Flower
- D6A3A2
≈ Rosetti Pink
Geteilt komplementär +150° +210°
- 9EBC97
Quiet Green
- B1ACD7
≈ Purple Hibiscus
- D1A3B8
≈ Gizmo
Tetradisch +90° +180° +270°
- 9EBC97
Quiet Green
- 8ABAD2
≈ Juvie
- C4A6CB
≈ Tea Towel
- D3A790
≈ Vienna Beige
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.08:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 10.09:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.09:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--quiet-green: #9ebc97;
--quiet-green-rgb: 158 188 151;
--quiet-green-oklch: oklch(0.763 0.061 139.8);
}
.element {
color: var(--quiet-green);
background-color: hsl(109 22% 66%);
border-color: oklch(0.763 0.061 139.8);
}Tailwind CSS v4
@theme {
--color-quiet-green: #9ebc97;
--color-quiet-green-50: #ecfaea;
--color-quiet-green-100: #ddeddb;
--color-quiet-green-200: #c6dbc3;
--color-quiet-green-300: #a6c0a3;
--color-quiet-green-400: #8ca885;
--color-quiet-green-500: #71906a;
--color-quiet-green-600: #607a5a;
--color-quiet-green-700: #4c6247;
--color-quiet-green-800: #384833;
--color-quiet-green-900: #263222;
--color-quiet-green-950: #151e12;
}SCSS
$quiet-green: #9ebc97;
$quiet-green-rgb: 158, 188, 151;
$quiet-green-light: mix(#fff, $quiet-green, 20%);
$quiet-green-dark: mix(#000, $quiet-green, 20%);
.element {
color: $quiet-green;
box-shadow: 0 0 0 2px rgba($quiet-green, 0.35);
}