가장 가까운 이름 색상 · #578A32
#578A32
가장 가까운 이름 색상: Indica
#578A32(rgb(87 138 50), hsl(95 47% 37%), oklch(0.578 0.132 134.3))와 가장 가까운 이름 색상은 Indica입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#578A32
oklch(0.578 0.132 134.3)
색상 변환
- HEX
- #578a32
- RGB
- rgb(87 138 50)
- HSL
- hsl(95 47% 37%)
- HWB
- hwb(95 20% 46%)
- OKLCH
- oklch(0.578 0.132 134.3)
- OKLab
- oklab(0.578 -0.092 0.094)
- CIE Lab
- lab(52.44 -29.7 40.08)
- LCH
- lch(52.44 49.89 126.5)
- CMYK
- cmyk(37% 0% 64% 46%)
틴트 · 셰이드 · 톤
틴트
- 679649
- 77A15D
- 88AD72
- 98B886
- A9C499
- BAD0AD
- CBDCC2
- DCE7D6
- EDF3EA
셰이드
- 4B772A
- 3E6522
- 33531B
- 274214
- 1C320D
- 122207
- 081403
- 030701
- 000100
톤
- 5C893D
- 608946
- 64884E
- 698756
- 6D865E
- 718565
- 75846C
- 788373
- 7C8179
색 조화
보색 +180°
- 578A32
Indica
- 965FAF
≈ Lusty Lavender
유사색 -30° +30°
- 578A32
Indica
- 867C00
≈ Olive
- 009066
≈ Viridian
삼각 배색 +120° +240°
- 578A32
Indica
- 3D7BC5
≈ Celestial Plum
- BA5461
≈ Hibiscus Flower
분열 보색 +150° +210°
- 578A32
Indica
- 726CC4
≈ Purple Toolbox
- AE568C
≈ Brilliant Carmine
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.12:1 · APCA Lc 68
Ag
AA검은색 위
WCAG 5.08:1 · APCA Lc 33
가장 좋은 글자색: #000000
WCAG 5.08:1 (AA) · APCA Lc 33
Contrast pairs
코드 스니펫
CSS
:root {
--indica: #578a32;
--indica-rgb: 87 138 50;
--indica-oklch: oklch(0.578 0.132 134.3);
}
.element {
color: var(--indica);
background-color: hsl(95 47% 37%);
border-color: oklch(0.578 0.132 134.3);
}Tailwind CSS v4
@theme {
--color-indica: #578a32;
--color-indica-50: #e4ffd9;
--color-indica-100: #d4f3c7;
--color-indica-200: #bbe2aa;
--color-indica-300: #98c783;
--color-indica-400: #7daf5d;
--color-indica-500: #5f9835;
--color-indica-600: #51812e;
--color-indica-700: #416725;
--color-indica-800: #304b16;
--color-indica-900: #21340e;
--color-indica-950: #102002;
}SCSS
$indica: #578a32;
$indica-rgb: 87, 138, 50;
$indica-light: mix(#fff, $indica, 20%);
$indica-dark: mix(#000, $indica, 20%);
.element {
color: $indica;
box-shadow: 0 0 0 2px rgba($indica, 0.35);
}