가장 가까운 이름 색상 · #7FE49B
#7FE49B
가장 가까운 이름 색상: Enchanted Emerald
#7FE49B(rgb(127 228 155), hsl(137 65% 70%), oklch(0.839 0.14 151.3))와 가장 가까운 이름 색상은 Enchanted Emerald입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#7FE49B
oklch(0.839 0.14 151.3)
색상 변환
- HEX
- #7fe49b
- RGB
- rgb(127 228 155)
- HSL
- hsl(137 65% 70%)
- HWB
- hwb(137 50% 11%)
- OKLCH
- oklch(0.839 0.14 151.3)
- OKLab
- oklab(0.839 -0.123 0.067)
- CIE Lab
- lab(83.09 -42.68 26.16)
- LCH
- lch(83.09 50.06 148.5)
- CMYK
- cmyk(44% 0% 32% 11%)
틴트 · 셰이드 · 톤
틴트
- 8EE7A5
- 9CEAAF
- A9EDB9
- B6F0C3
- C3F2CD
- CFF5D7
- DBF8E1
- E7FAEB
- F3FDF5
셰이드
- 6EC686
- 5DA972
- 4C8D5E
- 3C724B
- 2D5839
- 1F3F28
- 112818
- 061209
- 010301
톤
- 81DA99
- 82D096
- 83C594
- 84BB91
- 84B18E
- 84A78C
- 839D89
- 839486
- 818A83
색 조화
보색 +180°
- 7FE49B
Enchanted Emerald
- FFA7F4
≈ Pink Wink
유사색 -30° +30°
- 7FE49B
Enchanted Emerald
- BCD86A
≈ Glow Worm
- 38E7D0
≈ MoS₂ Cyan
삼각 배색 +120° +240°
- 7FE49B
Enchanted Emerald
- B7C8FF
≈ Light Periwinkle
- FFB5A6
≈ Washed-Out Crimson
분열 보색 +150° +210°
- 7FE49B
Enchanted Emerald
- D5BCFF
≈ Lavender Fragrance
- FFB0C6
≈ Baby’s Blanket
사각 배색 +90° +180° +270°
- 7FE49B
Enchanted Emerald
- 95D2FF
≈ Long Island Sound
- FFA7F4
≈ Pink Wink
- FFB97D
≈ Macaroni and Cheese
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.55:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.47:1 · APCA Lc 78
가장 좋은 글자색: #000000
WCAG 13.47:1 (AAA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--enchanted-emerald: #7fe49b;
--enchanted-emerald-rgb: 127 228 155;
--enchanted-emerald-oklch: oklch(0.839 0.14 151.3);
}
.element {
color: var(--enchanted-emerald);
background-color: hsl(137 65% 70%);
border-color: oklch(0.839 0.14 151.3);
}Tailwind CSS v4
@theme {
--color-enchanted-emerald: #7fe49b;
--color-enchanted-emerald-50: #d8ffe3;
--color-enchanted-emerald-100: #c5f6d2;
--color-enchanted-emerald-200: #a6e6b8;
--color-enchanted-emerald-300: #7ccc96;
--color-enchanted-emerald-400: #57b673;
--color-enchanted-emerald-500: #219f53;
--color-enchanted-emerald-600: #208747;
--color-enchanted-emerald-700: #1a6c39;
--color-enchanted-emerald-800: #154f26;
--color-enchanted-emerald-900: #0e3719;
--color-enchanted-emerald-950: #01220a;
}SCSS
$enchanted-emerald: #7fe49b;
$enchanted-emerald-rgb: 127, 228, 155;
$enchanted-emerald-light: mix(#fff, $enchanted-emerald, 20%);
$enchanted-emerald-dark: mix(#000, $enchanted-emerald, 20%);
.element {
color: $enchanted-emerald;
box-shadow: 0 0 0 2px rgba($enchanted-emerald, 0.35);
}