Benannte Farbe · #B3D26D
Fashion Green
Fashion Green ist #B3D26D: rgb(179 210 109), hsl(78 53% 63%), oklch(0.819 0.133 123.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Fashion Green color name →
#B3D26D
oklch(0.819 0.133 123.4)
Farbumrechnungen
- HEX
- #b3d26d
- RGB
- rgb(179 210 109)
- HSL
- hsl(78 53% 63%)
- HWB
- hwb(78 43% 18%)
- OKLCH
- oklch(0.819 0.133 123.4)
- OKLab
- oklab(0.819 -0.073 0.111)
- CIE Lab
- lab(80.27 -22.39 46.02)
- LCH
- lch(80.27 51.18 115.9)
- CMYK
- cmyk(15% 0% 48% 18%)
Tints · Shades · Tones
Tints
- BAD77D
- C2DB8D
- C9E09C
- D1E5AA
- D8E9B9
- E0EEC7
- E8F2D5
- EFF6E3
- F7FBF1
Shades
- 9BB65E
- 849B4F
- 6E8141
- 586833
- 435026
- 2F3919
- 1D240D
- 0C1004
- 010201
Tones
- AECA71
- A8C174
- A3B976
- 9EB179
- 99A97B
- 94A07C
- 8F987E
- 8A907F
- 85887F
Farbharmonien
Komplementär +180°
- B3D26D
Fashion Green
- D3B2FF
≈ Light Violet
Analog -30° +30°
- B3D26D
Fashion Green
- E1C253
≈ Indian Maize
- 7ADD9B
≈ Enchanted Emerald
Triadisch +120° +240°
- B3D26D
Fashion Green
- 8BCBFF
≈ Platonic Blue
- FFA6BC
≈ Amélie’s Tutu
Geteilt komplementär +150° +210°
- B3D26D
Fashion Green
- B1C0FF
≈ Dried Lilac
- F7A3E8
≈ Lavender Rose
Tetradisch +90° +180° +270°
- B3D26D
Fashion Green
- 37DAF7
≈ Vaporwave Blue
- D3B2FF
≈ Light Violet
- FFAB98
≈ Pink Rose Bud
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.69:1 · APCA Lc 30
Ag
AAAAuf Schwarz
WCAG 12.35:1 · APCA Lc 72
Beste Textfarbe: #000000
WCAG 12.35:1 (AAA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--fashion-green: #b3d26d;
--fashion-green-rgb: 179 210 109;
--fashion-green-oklch: oklch(0.819 0.133 123.4);
}
.element {
color: var(--fashion-green);
background-color: hsl(78 53% 63%);
border-color: oklch(0.819 0.133 123.4);
}Tailwind CSS v4
@theme {
--color-fashion-green: #b3d26d;
--color-fashion-green-50: #ecfdd4;
--color-fashion-green-100: #ddf0c0;
--color-fashion-green-200: #c7dfa1;
--color-fashion-green-300: #a7c477;
--color-fashion-green-400: #8fab4c;
--color-fashion-green-500: #759415;
--color-fashion-green-600: #637d17;
--color-fashion-green-700: #4f6413;
--color-fashion-green-800: #3b4908;
--color-fashion-green-900: #293305;
--color-fashion-green-950: #171e00;
}SCSS
$fashion-green: #b3d26d;
$fashion-green-rgb: 179, 210, 109;
$fashion-green-light: mix(#fff, $fashion-green, 20%);
$fashion-green-dark: mix(#000, $fashion-green, 20%);
.element {
color: $fashion-green;
box-shadow: 0 0 0 2px rgba($fashion-green, 0.35);
}