이름 색상 · #46A35A
Spinach
Spinach은(는) #46A35A: rgb(70 163 90), hsl(133 40% 46%), oklch(0.641 0.139 148.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Spinach color name →
#46A35A
oklch(0.641 0.139 148.3)
색상 변환
- HEX
- #46a35a
- RGB
- rgb(70 163 90)
- HSL
- hsl(133 40% 46%)
- HWB
- hwb(133 27% 36%)
- OKLCH
- oklch(0.641 0.139 148.3)
- OKLab
- oklab(0.641 -0.118 0.073)
- CIE Lab
- lab(60.1 -41.02 29.22)
- LCH
- lch(60.1 50.36 144.5)
- CMYK
- cmyk(57% 0% 45% 36%)
틴트 · 셰이드 · 톤
틴트
- 5CAC6A
- 6FB67B
- 82BF8B
- 94C89B
- A6D1AB
- B8DABC
- CAE4CC
- DBEDDD
- EDF6EE
셰이드
- 3C8D4D
- 327841
- 286335
- 1E4F29
- 153C1E
- 0D2A13
- 051909
- 020A03
- 000100
톤
- 4FA05F
- 579C63
- 5D9967
- 64966B
- 69926F
- 6E8F73
- 738B76
- 788879
- 7C847D
색 조화
보색 +180°
- 46A35A
Spinach
- B96BB7
≈ Lavendless
유사색 -30° +30°
- 46A35A
Spinach
- 85971F
≈ Snakes in the Grass
- 00A38D
≈ Fishy House
삼각 배색 +120° +240°
- 46A35A
Spinach
- 6987E1
≈ Soft Blue
- D4675B
≈ Tory Red
분열 보색 +150° +210°
- 46A35A
Spinach
- 9878D5
≈ Iridescent Purple
- CE658C
≈ Preppy Rose
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.15:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.64:1 · APCA Lc 43
가장 좋은 글자색: #000000
WCAG 6.64:1 (AA) · APCA Lc 43
Contrast pairs
코드 스니펫
CSS
:root {
--spinach: #46a35a;
--spinach-rgb: 70 163 90;
--spinach-oklch: oklch(0.641 0.139 148.3);
}
.element {
color: var(--spinach);
background-color: hsl(133 40% 46%);
border-color: oklch(0.641 0.139 148.3);
}Tailwind CSS v4
@theme {
--color-spinach: #46a35a;
--color-spinach-50: #daffe1;
--color-spinach-100: #c7f6d0;
--color-spinach-200: #a9e6b5;
--color-spinach-300: #81cc92;
--color-spinach-400: #5eb56e;
--color-spinach-500: #329e4e;
--color-spinach-600: #2c8642;
--color-spinach-700: #246b35;
--color-spinach-800: #1b4f23;
--color-spinach-900: #123717;
--color-spinach-950: #042108;
}SCSS
$spinach: #46a35a;
$spinach-rgb: 70, 163, 90;
$spinach-light: mix(#fff, $spinach, 20%);
$spinach-dark: mix(#000, $spinach, 20%);
.element {
color: $spinach;
box-shadow: 0 0 0 2px rgba($spinach, 0.35);
}