Nächste benannte Farbe · #91B78D
#91B78D
Nächste benannte Farbe: Foliage
#91B78D (rgb(145 183 141), hsl(114 23% 64%), oklch(0.74 0.072 142.4)) liegt am nächsten an der benannten Farbe Foliage. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#91B78D
oklch(0.74 0.072 142.4)
Farbumrechnungen
- HEX
- #91b78d
- RGB
- rgb(145 183 141)
- HSL
- hsl(114 23% 64%)
- HWB
- hwb(114 55% 28%)
- OKLCH
- oklch(0.74 0.072 142.4)
- OKLab
- oklab(0.74 -0.057 0.044)
- CIE Lab
- lab(70.78 -19.43 17.08)
- LCH
- lch(70.78 25.87 138.7)
- CMYK
- cmyk(21% 0% 23% 28%)
Tints · Shades · Tones
Tints
- 9CBE98
- A7C5A3
- B1CCAE
- BCD4BA
- C7DBC5
- D2E2D0
- DDE9DC
- E9F0E8
- F4F8F3
Shades
- 7D9F7A
- 6A8767
- 587055
- 465A44
- 354533
- 253123
- 151E14
- 070C07
- 010201
Tones
- 8FB18C
- 8EAC8B
- 8CA689
- 8BA188
- 899B87
- 879686
- 869084
- 848B83
- 828581
Farbharmonien
Komplementär +180°
- 91B78D
Foliage
- C19CC6
≈ Lilac Pink
Analog -30° +30°
- 91B78D
Foliage
- ABB07B
≈ Wasabi Green
- 7ABAA6
≈ Sereni Teal
Triadisch +120° +240°
- 91B78D
Foliage
- 92ABD9
≈ Victory Lake
- D59996
≈ Tobermory
Geteilt komplementär +150° +210°
- 91B78D
Foliage
- ACA3D5
≈ Milky Lavender
- D098AF
≈ Exotic Lilac
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.24:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.36:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.36:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--foliage: #91b78d;
--foliage-rgb: 145 183 141;
--foliage-oklch: oklch(0.74 0.072 142.4);
}
.element {
color: var(--foliage);
background-color: hsl(114 23% 64%);
border-color: oklch(0.74 0.072 142.4);
}Tailwind CSS v4
@theme {
--color-foliage: #91b78d;
--color-foliage-50: #e9fbe9;
--color-foliage-100: #daefd9;
--color-foliage-200: #c2ddc1;
--color-foliage-300: #a1c2a1;
--color-foliage-400: #86aa82;
--color-foliage-500: #6a9366;
--color-foliage-600: #5a7c57;
--color-foliage-700: #486345;
--color-foliage-800: #354931;
--color-foliage-900: #243221;
--color-foliage-950: #131e10;
}SCSS
$foliage: #91b78d;
$foliage-rgb: 145, 183, 141;
$foliage-light: mix(#fff, $foliage, 20%);
$foliage-dark: mix(#000, $foliage, 20%);
.element {
color: $foliage;
box-shadow: 0 0 0 2px rgba($foliage, 0.35);
}