Benannte Farbe · #4B9F5D
Longing for Nature
Longing for Nature ist #4B9F5D: rgb(75 159 93), hsl(133 36% 46%), oklch(0.633 0.128 148.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Longing for Nature color name →
#4B9F5D
oklch(0.633 0.128 148.7)
Farbumrechnungen
- HEX
- #4b9f5d
- RGB
- rgb(75 159 93)
- HSL
- hsl(133 36% 46%)
- HWB
- hwb(133 29% 38%)
- OKLCH
- oklch(0.633 0.128 148.7)
- OKLab
- oklab(0.633 -0.109 0.066)
- CIE Lab
- lab(59.05 -37.81 26.37)
- LCH
- lch(59.05 46.1 145.1)
- CMYK
- cmyk(53% 0% 42% 38%)
Tints · Shades · Tones
Tints
- 5FA96D
- 72B27D
- 84BC8D
- 96C59C
- A7CFAD
- B9D9BD
- CAE2CD
- DCECDE
- EDF5EE
Shades
- 408A50
- 357543
- 2B6137
- 214D2A
- 173B1F
- 0E2914
- 06180A
- 020903
- 000100
Tones
- 539C61
- 599965
- 609669
- 65936C
- 6A9070
- 6F8D73
- 748A77
- 78877A
- 7C837D
Farbharmonien
Komplementär +180°
- 4B9F5D
Longing for Nature
- B46CB0
≈ Moonlight Melody
Analog -30° +30°
- 4B9F5D
Longing for Nature
- 83942D
≈ Siskin Sprout
- 00A08B
≈ Turquish
Triadisch +120° +240°
- 4B9F5D
Longing for Nature
- 6A85D7
≈ Tanzine
- CC695C
≈ Southwestern Clay
Geteilt komplementär +150° +210°
- 4B9F5D
Longing for Nature
- 9577CC
≈ True V
- C76689
≈ Old Geranium
Tetradisch +90° +180° +270°
- 4B9F5D
Longing for Nature
- 2993CE
≈ Splish Splash
- B46CB0
≈ Moonlight Melody
- C2742F
≈ Orange Squash
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.27:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.41:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.41:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--longing-for-nature: #4b9f5d;
--longing-for-nature-rgb: 75 159 93;
--longing-for-nature-oklch: oklch(0.633 0.128 148.7);
}
.element {
color: var(--longing-for-nature);
background-color: hsl(133 36% 46%);
border-color: oklch(0.633 0.128 148.7);
}Tailwind CSS v4
@theme {
--color-longing-for-nature: #4b9f5d;
--color-longing-for-nature-50: #dcffe3;
--color-longing-for-nature-100: #caf5d2;
--color-longing-for-nature-200: #ade4b8;
--color-longing-for-nature-300: #86ca95;
--color-longing-for-nature-400: #64b373;
--color-longing-for-nature-500: #3c9d54;
--color-longing-for-nature-600: #358448;
--color-longing-for-nature-700: #2a6a39;
--color-longing-for-nature-800: #204e26;
--color-longing-for-nature-900: #15361a;
--color-longing-for-nature-950: #06210a;
}SCSS
$longing-for-nature: #4b9f5d;
$longing-for-nature-rgb: 75, 159, 93;
$longing-for-nature-light: mix(#fff, $longing-for-nature, 20%);
$longing-for-nature-dark: mix(#000, $longing-for-nature, 20%);
.element {
color: $longing-for-nature;
box-shadow: 0 0 0 2px rgba($longing-for-nature, 0.35);
}