가장 가까운 이름 색상 · #56974B
#56974B
가장 가까운 이름 색상: Wicked Witch
#56974B(rgb(86 151 75), hsl(111 34% 44%), oklch(0.614 0.128 140.8))와 가장 가까운 이름 색상은 Wicked Witch입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#56974B
oklch(0.614 0.128 140.8)
색상 변환
- HEX
- #56974b
- RGB
- rgb(86 151 75)
- HSL
- hsl(111 34% 44%)
- HWB
- hwb(111 29% 41%)
- OKLCH
- oklch(0.614 0.128 140.8)
- OKLab
- oklab(0.614 -0.099 0.081)
- CIE Lab
- lab(56.76 -33.37 32.97)
- LCH
- lch(56.76 46.91 135.3)
- CMYK
- cmyk(43% 0% 50% 41%)
틴트 · 셰이드 · 톤
틴트
- 67A15D
- 78AC6F
- 89B681
- 99C092
- AACBA4
- BBD5B6
- CCE0C8
- DDEADA
- EEF5ED
셰이드
- 4A8340
- 3E6F35
- 325C2B
- 274921
- 1C3717
- 12260E
- 081706
- 020802
- 000100
톤
- 5B9551
- 609358
- 65915D
- 698E63
- 6D8C68
- 718A6D
- 758872
- 798577
- 7D837B
색 조화
보색 +180°
- 56974B
Wicked Witch
- A769B3
≈ Soft Purple
유사색 -30° +30°
- 56974B
Wicked Witch
- 898B17
≈ Palak Paneer
- 009B7A
≈ Paolo Veronese Green
삼각 배색 +120° +240°
- 56974B
Wicked Witch
- 5783D1
≈ Berlin Blue
- C66263
≈ Stormy Passion
분열 보색 +150° +210°
- 56974B
Wicked Witch
- 8575CB
≈ True V
- BD618E
≈ Beauty Queen
사각 배색 +90° +180° +270°
- 56974B
Wicked Witch
- 0091C1
≈ Blue to the Bone
- A769B3
≈ Soft Purple
- C06B34
≈ Sesame Crunch
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.54:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.92:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 5.92:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--wicked-witch: #56974b;
--wicked-witch-rgb: 86 151 75;
--wicked-witch-oklch: oklch(0.614 0.128 140.8);
}
.element {
color: var(--wicked-witch);
background-color: hsl(111 34% 44%);
border-color: oklch(0.614 0.128 140.8);
}Tailwind CSS v4
@theme {
--color-wicked-witch: #56974b;
--color-wicked-witch-50: #e1ffde;
--color-wicked-witch-100: #d0f4cd;
--color-wicked-witch-200: #b5e3b1;
--color-wicked-witch-300: #90c98c;
--color-wicked-witch-400: #73b168;
--color-wicked-witch-500: #529a45;
--color-wicked-witch-600: #46833c;
--color-wicked-witch-700: #38692f;
--color-wicked-witch-800: #2a4d1f;
--color-wicked-witch-900: #1c3514;
--color-wicked-witch-950: #0c2006;
}SCSS
$wicked-witch: #56974b;
$wicked-witch-rgb: 86, 151, 75;
$wicked-witch-light: mix(#fff, $wicked-witch, 20%);
$wicked-witch-dark: mix(#000, $wicked-witch, 20%);
.element {
color: $wicked-witch;
box-shadow: 0 0 0 2px rgba($wicked-witch, 0.35);
}