Benannte Farbe · #3B593A
Ficus
Ficus ist #3B593A: rgb(59 89 58), hsl(118 21% 29%), oklch(0.431 0.062 143.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Ficus color name →
#3B593A
oklch(0.431 0.062 143.7)
Farbumrechnungen
- HEX
- #3b593a
- RGB
- rgb(59 89 58)
- HSL
- hsl(118 21% 29%)
- HWB
- hwb(118 23% 65%)
- OKLCH
- oklch(0.431 0.062 143.7)
- OKLab
- oklab(0.431 -0.05 0.036)
- CIE Lab
- lab(34.78 -16.88 14.32)
- LCH
- lch(34.78 22.14 139.7)
- CMYK
- cmyk(34% 0% 35% 65%)
Tints · Shades · Tones
Tints
- 4D684C
- 5F785E
- 728871
- 859884
- 98A997
- ACB9AB
- C0CAC0
- D5DCD4
- EAEDEA
Shades
- 324C31
- 294028
- 213420
- 192818
- 111D10
- 091309
- 040904
- 010301
- 000000
Tones
- 425D41
- 496148
- 50654F
- 576956
- 5D6D5D
- 647064
- 6B746B
- 727872
- 797C79
Farbharmonien
Komplementär +180°
- 3B593A
Ficus
- 614463
≈ Pansy Petal
Analog -30° +30°
- 3B593A
Ficus
- 50542B
≈ Private Green
- 265B4D
≈ Old Money
Triadisch +120° +240°
- 3B593A
Ficus
- 3F5072
≈ Blue Flag
- 6E4240
≈ Old Coffee
Geteilt komplementär +150° +210°
- 3B593A
Ficus
- 52496F
≈ Harajuku Girl
- 6B4253
≈ Chilled Wine
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.84:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.67:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 7.84:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--ficus: #3b593a;
--ficus-rgb: 59 89 58;
--ficus-oklch: oklch(0.431 0.062 143.7);
}
.element {
color: var(--ficus);
background-color: hsl(118 21% 29%);
border-color: oklch(0.431 0.062 143.7);
}Tailwind CSS v4
@theme {
--color-ficus: #3b593a;
--color-ficus-50: #ebfaeb;
--color-ficus-100: #dceedc;
--color-ficus-200: #c4dcc5;
--color-ficus-300: #a4c0a5;
--color-ficus-400: #89a888;
--color-ficus-500: #6e916c;
--color-ficus-600: #5d7b5c;
--color-ficus-700: #4a6249;
--color-ficus-800: #364834;
--color-ficus-900: #253223;
--color-ficus-950: #141e12;
}SCSS
$ficus: #3b593a;
$ficus-rgb: 59, 89, 58;
$ficus-light: mix(#fff, $ficus, 20%);
$ficus-dark: mix(#000, $ficus, 20%);
.element {
color: $ficus;
box-shadow: 0 0 0 2px rgba($ficus, 0.35);
}