가장 가까운 이름 색상 · #81BD82
#81BD82
가장 가까운 이름 색상: Exhilarating Green
#81BD82(rgb(129 189 130), hsl(121 31% 62%), oklch(0.742 0.104 144.8))와 가장 가까운 이름 색상은 Exhilarating Green입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#81BD82
oklch(0.742 0.104 144.8)
색상 변환
- HEX
- #81bd82
- RGB
- rgb(129 189 130)
- HSL
- hsl(121 31% 62%)
- HWB
- hwb(121 51% 26%)
- OKLCH
- oklch(0.742 0.104 144.8)
- OKLab
- oklab(0.742 -0.085 0.06)
- CIE Lab
- lab(71.36 -29.09 23.51)
- LCH
- lch(71.36 37.4 141.1)
- CMYK
- cmyk(32% 0% 31% 26%)
틴트 · 셰이드 · 톤
틴트
- 8EC48E
- 9ACA9B
- A7D1A7
- B4D8B3
- C0DEC0
- CDE5CC
- D9EBD9
- E6F2E6
- F2F8F2
셰이드
- 6FA470
- 5E8C5F
- 4E744E
- 3E5D3E
- 2E472F
- 1F3320
- 121F12
- 060D06
- 010201
톤
- 82B782
- 82B182
- 82AB82
- 82A582
- 829E82
- 829882
- 829281
- 818C81
- 818681
색 조화
보색 +180°
- 81BD82
Exhilarating Green
- CD94D0
≈ Ineffable Magenta
유사색 -30° +30°
- 81BD82
Exhilarating Green
- A9B364
≈ Cornstalk
- 59C1A7
≈ Spearmint
삼각 배색 +120° +240°
- 81BD82
Exhilarating Green
- 8BAAEE
≈ Kitten’s Eye
- E6918A
≈ Strawberry Memory
분열 보색 +150° +210°
- 81BD82
Exhilarating Green
- B09EE7
≈ Dull Lavender
- E08FAF
≈ Rosebloom
사각 배색 +90° +180° +270°
- 81BD82
Exhilarating Green
- 63B6E4
≈ Sea Frolic
- CD94D0
≈ Ineffable Magenta
- DF996A
≈ Brown Yellow
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.20:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.53:1 · APCA Lc 59
가장 좋은 글자색: #000000
WCAG 9.53:1 (AAA) · APCA Lc 59
Contrast pairs
코드 스니펫
CSS
:root {
--exhilarating-green: #81bd82;
--exhilarating-green-rgb: 129 189 130;
--exhilarating-green-oklch: oklch(0.742 0.104 144.8);
}
.element {
color: var(--exhilarating-green);
background-color: hsl(121 31% 62%);
border-color: oklch(0.742 0.104 144.8);
}Tailwind CSS v4
@theme {
--color-exhilarating-green: #81bd82;
--color-exhilarating-green-50: #e3fee4;
--color-exhilarating-green-100: #d2f2d4;
--color-exhilarating-green-200: #b8e1bb;
--color-exhilarating-green-300: #94c698;
--color-exhilarating-green-400: #77af78;
--color-exhilarating-green-500: #579859;
--color-exhilarating-green-600: #4a814c;
--color-exhilarating-green-700: #3b673c;
--color-exhilarating-green-800: #2c4b2a;
--color-exhilarating-green-900: #1d341c;
--color-exhilarating-green-950: #0d200c;
}SCSS
$exhilarating-green: #81bd82;
$exhilarating-green-rgb: 129, 189, 130;
$exhilarating-green-light: mix(#fff, $exhilarating-green, 20%);
$exhilarating-green-dark: mix(#000, $exhilarating-green, 20%);
.element {
color: $exhilarating-green;
box-shadow: 0 0 0 2px rgba($exhilarating-green, 0.35);
}