이름 색상 · #2F5F3A
Espalier
Espalier은(는) #2F5F3A: rgb(47 95 58), hsl(134 34% 28%), oklch(0.441 0.08 149.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Espalier color name →
#2F5F3A
oklch(0.441 0.08 149.5)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 436E4C
- 577D5E
- 6B8D71
- 7F9C84
- 94AC98
- A9BCAB
- BECDC0
- D3DDD5
- E9EEEA
셰이드
- 275231
- 204428
- 193820
- 122C18
- 0C2010
- 061509
- 030A04
- 010301
- 000000
톤
- 386241
- 416648
- 49694F
- 516D56
- 59705D
- 617364
- 69766B
- 717A72
- 787D79
색 조화
보색 +180°
- 2F5F3A
Espalier
- 6B4268
≈ Sultana
유사색 -30° +30°
- 2F5F3A
Espalier
- 4E5921
≈ Obscure Olive
- 006154
≈ Alpine Green
삼각 배색 +120° +240°
- 2F5F3A
Espalier
- 41507F
≈ St. Tropaz
- 794038
≈ Red Pepper
분열 보색 +150° +210°
- 2F5F3A
Espalier
- 594879
≈ In the Vines
- 763F51
≈ Red Jade
사각 배색 +90° +180° +270°
- 2F5F3A
Espalier
- 21587A
≈ Sea Hunter
- 6B4268
≈ Sultana
- 734720
≈ Monks Robe
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.44:1 · APCA Lc 86
Ag
Fail검은색 위
WCAG 2.81:1 · APCA Lc 16
가장 좋은 글자색: #FFFFFF
WCAG 7.44:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
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);
}