이름 색상 · #598556
Magic Sage
Magic Sage은(는) #598556: rgb(89 133 86), hsl(116 21% 43%), oklch(0.572 0.086 142.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Magic Sage color name →
#598556
oklch(0.572 0.086 142.9)
색상 변환
- HEX
- #598556
- RGB
- rgb(89 133 86)
- HSL
- hsl(116 21% 43%)
- HWB
- hwb(116 34% 48%)
- OKLCH
- oklch(0.572 0.086 142.9)
- OKLab
- oklab(0.572 -0.068 0.052)
- CIE Lab
- lab(51.38 -23.22 20.4)
- LCH
- lch(51.38 30.91 138.7)
- CMYK
- cmyk(33% 0% 35% 48%)
틴트 · 셰이드 · 톤
틴트
- 699166
- 799D76
- 89A986
- 99B597
- AAC1A8
- BBCDB9
- CBD9CA
- DCE6DB
- EEF2ED
셰이드
- 4C734A
- 40613E
- 345032
- 284027
- 1D301C
- 132112
- 091308
- 030602
- 000100
톤
- 5D855B
- 62845F
- 668463
- 6A8367
- 6E836C
- 718270
- 758274
- 798178
- 7C817C
색 조화
보색 +180°
- 598556
Magic Sage
- 906695
≈ Viola Grey
유사색 -30° +30°
- 598556
Magic Sage
- 787D3F
≈ Old Four Leaf Clover
- 388873
≈ Ionian
삼각 배색 +120° +240°
- 598556
Magic Sage
- 5D78AB
≈ Blue Yonder
- A56360
≈ Rose Marquee
분열 보색 +150° +210°
- 598556
Magic Sage
- 7A6EA6
≈ Purple Mountain Majesty
- 9F627C
≈ Beryl Red
사각 배색 +90° +180° +270°
- 598556
Magic Sage
- 3D80A2
≈ Cendre Blue
- 906695
≈ Viola Grey
- A06946
≈ Foxfire Brown
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.27:1 · APCA Lc 69
Ag
AA검은색 위
WCAG 4.91:1 · APCA Lc 32
가장 좋은 글자색: #000000
WCAG 4.91:1 (AA) · APCA Lc 32
Contrast pairs
코드 스니펫
CSS
:root {
--magic-sage: #598556;
--magic-sage-rgb: 89 133 86;
--magic-sage-oklch: oklch(0.572 0.086 142.9);
}
.element {
color: var(--magic-sage);
background-color: hsl(116 21% 43%);
border-color: oklch(0.572 0.086 142.9);
}Tailwind CSS v4
@theme {
--color-magic-sage: #598556;
--color-magic-sage-50: #e7fce6;
--color-magic-sage-100: #d7f0d7;
--color-magic-sage-200: #bedfbe;
--color-magic-sage-300: #9dc49d;
--color-magic-sage-400: #81ac7d;
--color-magic-sage-500: #639560;
--color-magic-sage-600: #557e52;
--color-magic-sage-700: #436541;
--color-magic-sage-800: #324a2d;
--color-magic-sage-900: #22331f;
--color-magic-sage-950: #111f0e;
}SCSS
$magic-sage: #598556;
$magic-sage-rgb: 89, 133, 86;
$magic-sage-light: mix(#fff, $magic-sage, 20%);
$magic-sage-dark: mix(#000, $magic-sage, 20%);
.element {
color: $magic-sage;
box-shadow: 0 0 0 2px rgba($magic-sage, 0.35);
}