Nächste benannte Farbe · #77A762
#77A762
Nächste benannte Farbe: Ferntastic
#77A762 (rgb(119 167 98), hsl(102 28% 52%), oklch(0.677 0.11 136.7)) liegt am nächsten an der benannten Farbe Ferntastic. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#77A762
oklch(0.677 0.11 136.7)
Farbumrechnungen
- HEX
- #77a762
- RGB
- rgb(119 167 98)
- HSL
- hsl(102 28% 52%)
- HWB
- hwb(102 38% 35%)
- OKLCH
- oklch(0.677 0.11 136.7)
- OKLab
- oklab(0.677 -0.08 0.075)
- CIE Lab
- lab(63.79 -26.5 30.31)
- LCH
- lch(63.79 40.26 131.2)
- CMYK
- cmyk(29% 0% 41% 35%)
Tints · Shades · Tones
Tints
- 84B072
- 92B981
- 9FC191
- ACCAA0
- BAD3B0
- C8DCBF
- D5E4CF
- E3EDDF
- F1F6EF
Shades
- 679154
- 577B47
- 47663A
- 38522D
- 2A3E21
- 1C2C16
- 101A0B
- 050A03
- 010100
Tones
- 78A366
- 799F69
- 7B9C6D
- 7C9870
- 7C9473
- 7D9076
- 7E8C78
- 7F887B
- 7F847E
Farbharmonien
Komplementär +180°
- 77A762
Ferntastic
- B282C4
≈ Lavender Sweater
Analog -30° +30°
- 77A762
Ferntastic
- A09C44
≈ Lazy Lizard
- 47AD89
≈ Walk in the Woods
Triadisch +120° +240°
- 77A762
Ferntastic
- 6A99DA
≈ Blue Bay
- D27A7F
≈ Juicy Details
Geteilt komplementär +150° +210°
- 77A762
Ferntastic
- 928DD8
≈ Perrywinkle
- C87BA5
≈ Heartbreaker
Tetradisch +90° +180° +270°
- 77A762
Ferntastic
- 3CA5CB
≈ Laguna
- B282C4
≈ Lavender Sweater
- CF815B
≈ Burning Sand
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.80:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.48:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--ferntastic: #77a762;
--ferntastic-rgb: 119 167 98;
--ferntastic-oklch: oklch(0.677 0.11 136.7);
}
.element {
color: var(--ferntastic);
background-color: hsl(102 28% 52%);
border-color: oklch(0.677 0.11 136.7);
}Tailwind CSS v4
@theme {
--color-ferntastic: #77a762;
--color-ferntastic-50: #e6fddf;
--color-ferntastic-100: #d6f1ce;
--color-ferntastic-200: #bde0b3;
--color-ferntastic-300: #9bc58f;
--color-ferntastic-400: #80ae6c;
--color-ferntastic-500: #62974b;
--color-ferntastic-600: #547f40;
--color-ferntastic-700: #436633;
--color-ferntastic-800: #324b22;
--color-ferntastic-900: #223416;
--color-ferntastic-950: #111f08;
}SCSS
$ferntastic: #77a762;
$ferntastic-rgb: 119, 167, 98;
$ferntastic-light: mix(#fff, $ferntastic, 20%);
$ferntastic-dark: mix(#000, $ferntastic, 20%);
.element {
color: $ferntastic;
box-shadow: 0 0 0 2px rgba($ferntastic, 0.35);
}