Nazwany kolor · #2F5F3A
Espalier
Espalier to #2F5F3A: rgb(47 95 58), hsl(134 34% 28%), oklch(0.441 0.08 149.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Espalier color name →
#2F5F3A
oklch(0.441 0.08 149.5)
Konwersje koloru
- HEX
- #2f5f3a
- RGB
- rgb(47 95 58)
- HSL
- hsl(134 34% 28%)
- HWB
- hwb(134 18% 63%)
- OKLCH
- oklch(0.441 0.08 149.5)
- OKLab
- oklab(0.441 -0.069 0.041)
- CIE Lab
- lab(36.16 -23.97 15.98)
- LCH
- lch(36.16 28.8 146.3)
- CMYK
- cmyk(51% 0% 39% 63%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 436E4C
- 577D5E
- 6B8D71
- 7F9C84
- 94AC98
- A9BCAB
- BECDC0
- D3DDD5
- E9EEEA
Odcienie ciemniejsze
- 275231
- 204428
- 193820
- 122C18
- 0C2010
- 061509
- 030A04
- 010301
- 000000
Tony
- 386241
- 416648
- 49694F
- 516D56
- 59705D
- 617364
- 69766B
- 717A72
- 787D79
Harmonie kolorów
Komplementarna +180°
- 2F5F3A
Espalier
- 6B4268
≈ Sultana
Analogowa -30° +30°
- 2F5F3A
Espalier
- 4E5921
≈ Obscure Olive
- 006154
≈ Alpine Green
Triada +120° +240°
- 2F5F3A
Espalier
- 41507F
≈ St. Tropaz
- 794038
≈ Red Pepper
Komplementarna rozszczepiona +150° +210°
- 2F5F3A
Espalier
- 594879
≈ In the Vines
- 763F51
≈ Red Jade
Tetrada +90° +180° +270°
- 2F5F3A
Espalier
- 21587A
≈ Sea Hunter
- 6B4268
≈ Sultana
- 734720
≈ Monks Robe
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.44:1 · APCA Lc 86
Ag
FailNa czerni
WCAG 2.81:1 · APCA Lc 16
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.44:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--espalier: #2f5f3a;
--espalier-rgb: 47 95 58;
--espalier-oklch: oklch(0.441 0.08 149.5);
}
.element {
color: var(--espalier);
background-color: hsl(134 34% 28%);
border-color: oklch(0.441 0.08 149.5);
}Tailwind CSS v4
@theme {
--color-espalier: #2f5f3a;
--color-espalier-50: #e5fcea;
--color-espalier-100: #d5f0db;
--color-espalier-200: #bcdfc3;
--color-espalier-300: #9ac4a3;
--color-espalier-400: #7dac85;
--color-espalier-500: #5e9569;
--color-espalier-600: #507e59;
--color-espalier-700: #406547;
--color-espalier-800: #2f4a32;
--color-espalier-900: #203322;
--color-espalier-950: #0f1f11;
}SCSS
$espalier: #2f5f3a;
$espalier-rgb: 47, 95, 58;
$espalier-light: mix(#fff, $espalier, 20%);
$espalier-dark: mix(#000, $espalier, 20%);
.element {
color: $espalier;
box-shadow: 0 0 0 2px rgba($espalier, 0.35);
}