Benannte Farbe · #44764A
Maidenhair Fern
Maidenhair Fern ist #44764A: rgb(68 118 74), hsl(127 27% 36%), oklch(0.518 0.088 147). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Maidenhair Fern color name →
#44764A
oklch(0.518 0.088 147)
Farbumrechnungen
- HEX
- #44764a
- RGB
- rgb(68 118 74)
- HSL
- hsl(127 27% 36%)
- HWB
- hwb(127 27% 54%)
- OKLCH
- oklch(0.518 0.088 147)
- OKLab
- oklab(0.518 -0.073 0.048)
- CIE Lab
- lab(45.2 -25.22 18.79)
- LCH
- lch(45.2 31.45 143.3)
- CMYK
- cmyk(42% 0% 37% 54%)
Tints · Shades · Tones
Tints
- 56835B
- 68906C
- 7A9E7D
- 8DAB8F
- 9FB9A1
- B2C7B3
- C5D4C6
- D8E3D9
- EBF1EC
Shades
- 3A663F
- 305635
- 26472A
- 1D3820
- 142917
- 0C1C0E
- 050F06
- 020502
- 000100
Tones
- 4B7750
- 517855
- 58795B
- 5E7A60
- 647C65
- 697C6B
- 6F7D70
- 757E75
- 7A7F7B
Farbharmonien
Komplementär +180°
- 44764A
Maidenhair Fern
- 835683
≈ Concord Grape
Analog -30° +30°
- 44764A
Maidenhair Fern
- 656F30
≈ Forest Spirit
- 1C7967
≈ Shady Glade
Triadisch +120° +240°
- 44764A
Maidenhair Fern
- 52669B
≈ Electrify
- 94544D
≈ Marsala
Geteilt komplementär +150° +210°
- 44764A
Maidenhair Fern
- 6E5D95
≈ Just a Fairytale
- 905269
≈ Velour Scar
Tetradisch +90° +180° +270°
- 44764A
Maidenhair Fern
- 2F6F94
≈ Blue Oasis
- 835683
≈ Concord Grape
- 8E5B33
≈ Carrageen Moss
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.33:1 · APCA Lc 76
Ag
FailAuf Schwarz
WCAG 3.93:1 · APCA Lc 25
Beste Textfarbe: #FFFFFF
WCAG 5.33:1 (AA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--maidenhair-fern: #44764a;
--maidenhair-fern-rgb: 68 118 74;
--maidenhair-fern-oklch: oklch(0.518 0.088 147);
}
.element {
color: var(--maidenhair-fern);
background-color: hsl(127 27% 36%);
border-color: oklch(0.518 0.088 147);
}Tailwind CSS v4
@theme {
--color-maidenhair-fern: #44764a;
--color-maidenhair-fern-50: #e5fde8;
--color-maidenhair-fern-100: #d5f1d8;
--color-maidenhair-fern-200: #bbdfc0;
--color-maidenhair-fern-300: #99c49f;
--color-maidenhair-fern-400: #7cad80;
--color-maidenhair-fern-500: #5d9664;
--color-maidenhair-fern-600: #4f7f55;
--color-maidenhair-fern-700: #3f6643;
--color-maidenhair-fern-800: #2e4a2f;
--color-maidenhair-fern-900: #1f3420;
--color-maidenhair-fern-950: #0f1f0f;
}SCSS
$maidenhair-fern: #44764a;
$maidenhair-fern-rgb: 68, 118, 74;
$maidenhair-fern-light: mix(#fff, $maidenhair-fern, 20%);
$maidenhair-fern-dark: mix(#000, $maidenhair-fern, 20%);
.element {
color: $maidenhair-fern;
box-shadow: 0 0 0 2px rgba($maidenhair-fern, 0.35);
}