가장 가까운 이름 색상 · #83E29C
#83E29C
가장 가까운 이름 색상: Enchanted Emerald
#83E29C(rgb(131 226 156), hsl(136 62% 70%), oklch(0.836 0.134 151.1))와 가장 가까운 이름 색상은 Enchanted Emerald입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#83E29C
oklch(0.836 0.134 151.1)
색상 변환
- HEX
- #83e29c
- RGB
- rgb(131 226 156)
- HSL
- hsl(136 62% 70%)
- HWB
- hwb(136 51% 11%)
- OKLCH
- oklch(0.836 0.134 151.1)
- OKLab
- oklab(0.836 -0.117 0.065)
- CIE Lab
- lab(82.69 -40.63 25.17)
- LCH
- lch(82.69 47.79 148.2)
- CMYK
- cmyk(42% 0% 31% 11%)
틴트 · 셰이드 · 톤
틴트
- 91E5A6
- 9FE8B0
- ABEBBA
- B8EEC4
- C4F1CE
- D0F4D7
- DCF7E1
- E8FAEB
- F4FCF5
셰이드
- 71C487
- 60A873
- 4F8C5F
- 3F714C
- 2F5739
- 203E28
- 122718
- 061209
- 010301
톤
- 84D899
- 85CE97
- 86C494
- 86BA92
- 85B08F
- 85A78C
- 849D89
- 839386
- 828A83
색 조화
보색 +180°
- 83E29C
Enchanted Emerald
- FBA8F1
≈ Pink Wink
유사색 -30° +30°
- 83E29C
Enchanted Emerald
- BCD76E
≈ Rebounder
- 46E5CE
≈ Ice Climber
삼각 배색 +120° +240°
- 83E29C
Enchanted Emerald
- B5C7FF
≈ Light Periwinkle
- FFB3A5
≈ Peach Pearl
분열 보색 +150° +210°
- 83E29C
Enchanted Emerald
- D4BBFF
≈ Lavender Tonic
- FFAFC5
≈ Baby’s Blanket
사각 배색 +90° +180° +270°
- 83E29C
Enchanted Emerald
- 93D1FF
≈ Long Island Sound
- FBA8F1
≈ Pink Wink
- FFB87B
≈ Macaroni and Cheese
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.57:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.32:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.32:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--enchanted-emerald: #83e29c;
--enchanted-emerald-rgb: 131 226 156;
--enchanted-emerald-oklch: oklch(0.836 0.134 151.1);
}
.element {
color: var(--enchanted-emerald);
background-color: hsl(136 62% 70%);
border-color: oklch(0.836 0.134 151.1);
}Tailwind CSS v4
@theme {
--color-enchanted-emerald: #83e29c;
--color-enchanted-emerald-50: #d9ffe3;
--color-enchanted-emerald-100: #c7f6d3;
--color-enchanted-emerald-200: #a8e5b9;
--color-enchanted-emerald-300: #7fcc97;
--color-enchanted-emerald-400: #5cb575;
--color-enchanted-emerald-500: #2d9e56;
--color-enchanted-emerald-600: #298649;
--color-enchanted-emerald-700: #216b3a;
--color-enchanted-emerald-800: #194f27;
--color-enchanted-emerald-900: #10371a;
--color-enchanted-emerald-950: #03210b;
}SCSS
$enchanted-emerald: #83e29c;
$enchanted-emerald-rgb: 131, 226, 156;
$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);
}