Benannte Farbe · #869F49
Nasturtium Shoot
Nasturtium Shoot ist #869F49: rgb(134 159 73), hsl(77 37% 45%), oklch(0.664 0.117 123). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Nasturtium Shoot color name →
#869F49
oklch(0.664 0.117 123)
Farbumrechnungen
- HEX
- #869f49
- RGB
- rgb(134 159 73)
- HSL
- hsl(77 37% 45%)
- HWB
- hwb(77 29% 38%)
- OKLCH
- oklch(0.664 0.117 123)
- OKLab
- oklab(0.664 -0.064 0.098)
- CIE Lab
- lab(62.14 -19.25 41.13)
- LCH
- lch(62.14 45.41 115.1)
- CMYK
- cmyk(16% 0% 54% 38%)
Tints · Shades · Tones
Tints
- 91A95D
- 9DB26F
- A9BC81
- B4C593
- C1CFA5
- CDD8B7
- D9E2C9
- E6ECDB
- F2F5ED
Shades
- 748A3E
- 627534
- 51612A
- 404D20
- 303B17
- 21290E
- 131806
- 060902
- 010100
Tones
- 859C50
- 859957
- 84965D
- 839363
- 839069
- 828D6E
- 828A73
- 818777
- 81837C
Farbharmonien
Komplementär +180°
- 869F49
Nasturtium Shoot
- A281CE
≈ Wisteria
Analog -30° +30°
- 869F49
Nasturtium Shoot
- AC9131
≈ Balsam Pear
- 54A871
≈ Sēn Lín Lǜ Forest
Triadisch +120° +240°
- 869F49
Nasturtium Shoot
- 4C9BD5
≈ Blue Tourmaline
- CE738C
≈ Glam
Geteilt komplementär +150° +210°
- 869F49
Nasturtium Shoot
- 7C8EDB
≈ Mood Mode
- BE77B2
≈ Colombo Red Mauve
Tetradisch +90° +180° +270°
- 869F49
Nasturtium Shoot
- 00A5BE
≈ Maui
- A281CE
≈ Wisteria
- D17764
≈ Jaded Ginger
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.97:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.06:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.06:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--nasturtium-shoot: #869f49;
--nasturtium-shoot-rgb: 134 159 73;
--nasturtium-shoot-oklch: oklch(0.664 0.117 123);
}
.element {
color: var(--nasturtium-shoot);
background-color: hsl(77 37% 45%);
border-color: oklch(0.664 0.117 123);
}Tailwind CSS v4
@theme {
--color-nasturtium-shoot: #869f49;
--color-nasturtium-shoot-50: #edfcd8;
--color-nasturtium-shoot-100: #dfefc5;
--color-nasturtium-shoot-200: #c9dea7;
--color-nasturtium-shoot-300: #aac280;
--color-nasturtium-shoot-400: #91aa59;
--color-nasturtium-shoot-500: #78922f;
--color-nasturtium-shoot-600: #657c2a;
--color-nasturtium-shoot-700: #516321;
--color-nasturtium-shoot-800: #3c4814;
--color-nasturtium-shoot-900: #29320d;
--color-nasturtium-shoot-950: #171e02;
}SCSS
$nasturtium-shoot: #869f49;
$nasturtium-shoot-rgb: 134, 159, 73;
$nasturtium-shoot-light: mix(#fff, $nasturtium-shoot, 20%);
$nasturtium-shoot-dark: mix(#000, $nasturtium-shoot, 20%);
.element {
color: $nasturtium-shoot;
box-shadow: 0 0 0 2px rgba($nasturtium-shoot, 0.35);
}