가장 가까운 이름 색상 · #34D399
#34D399
가장 가까운 이름 색상: Magical Malachite
#34D399(rgb(52 211 153), hsl(158 64% 52%), oklch(0.773 0.153 163.2))와 가장 가까운 이름 색상은 Magical Malachite입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#34D399
oklch(0.773 0.153 163.2)
색상 변환
- HEX
- #34d399
- RGB
- rgb(52 211 153)
- HSL
- hsl(158 64% 52%)
- HWB
- hwb(158 20% 17%)
- OKLCH
- oklch(0.773 0.153 163.2)
- OKLab
- oklab(0.773 -0.147 0.044)
- CIE Lab
- lab(75.7 -52.19 16.76)
- LCH
- lch(75.7 54.81 162.2)
- CMYK
- cmyk(75% 0% 27% 17%)
틴트 · 셰이드 · 톤
틴트
- 56D8A3
- 6FDDAD
- 85E1B7
- 99E6C1
- ABEACB
- BDEFD6
- CEF3E0
- DEF7EA
- EFFBF5
셰이드
- 2CB784
- 249C70
- 1C825D
- 15694A
- 0E5138
- 073A27
- 032417
- 011008
- 000201
톤
- 47CB97
- 54C294
- 5EBA92
- 66B28F
- 6CAA8D
- 72A18A
- 769988
- 7A9185
- 7D8883
색 조화
보색 +180°
- 34D399
Magical Malachite
- F78BCE
≈ Bubblegum Beam
유사색 -30° +30°
- 34D399
Magical Malachite
- 8DCA5E
≈ Vivid Spring
- 00CFCD
≈ Blue Martina
삼각 배색 +120° +240°
- 34D399
Magical Malachite
- ABABFF
≈ Shy Moment
- FF9568
≈ Mock Orange
분열 보색 +150° +210°
- 34D399
Magical Malachite
- D796FA
≈ Plasma Trail
- FF8F9C
≈ Conch Shell
사각 배색 +90° +180° +270°
- 34D399
Magical Malachite
- 7EB9FF
≈ Parakeet Blue
- F78BCE
≈ Bubblegum Beam
- EFA429
≈ Lemon Dream
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.92:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 10.92:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 10.92:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
CSS
:root {
--magical-malachite: #34d399;
--magical-malachite-rgb: 52 211 153;
--magical-malachite-oklch: oklch(0.773 0.153 163.2);
}
.element {
color: var(--magical-malachite);
background-color: hsl(158 64% 52%);
border-color: oklch(0.773 0.153 163.2);
}Tailwind CSS v4
@theme {
--color-magical-malachite: #34d399;
--color-magical-malachite-50: #cdffea;
--color-magical-malachite-100: #b8f9db;
--color-magical-malachite-200: #92e9c4;
--color-magical-malachite-300: #5fd0a4;
--color-magical-malachite-400: #1bba84;
--color-magical-malachite-500: #00a468;
--color-magical-malachite-600: #008b58;
--color-magical-malachite-700: #006f46;
--color-magical-malachite-800: #005230;
--color-magical-malachite-900: #003921;
--color-magical-malachite-950: #002310;
}SCSS
$magical-malachite: #34d399;
$magical-malachite-rgb: 52, 211, 153;
$magical-malachite-light: mix(#fff, $magical-malachite, 20%);
$magical-malachite-dark: mix(#000, $magical-malachite, 20%);
.element {
color: $magical-malachite;
box-shadow: 0 0 0 2px rgba($magical-malachite, 0.35);
}