가장 가까운 이름 색상 · #80A563
#80A563
가장 가까운 이름 색상: Frankenstein
#80A563(rgb(128 165 99), hsl(94 27% 52%), oklch(0.678 0.101 132.4))와 가장 가까운 이름 색상은 Frankenstein입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#80A563
oklch(0.678 0.101 132.4)
색상 변환
- HEX
- #80a563
- RGB
- rgb(128 165 99)
- HSL
- hsl(94 27% 52%)
- HWB
- hwb(94 39% 35%)
- OKLCH
- oklch(0.678 0.101 132.4)
- OKLab
- oklab(0.678 -0.068 0.074)
- CIE Lab
- lab(63.78 -22.16 29.91)
- LCH
- lch(63.78 37.22 126.5)
- CMYK
- cmyk(22% 0% 40% 35%)
틴트 · 셰이드 · 톤
틴트
- 8CAE73
- 98B782
- A5C091
- B1C9A1
- BED2B0
- CBDBC0
- D8E4CF
- E5EDDF
- F2F6EF
셰이드
- 6E8F55
- 5D7947
- 4D653A
- 3D512E
- 2E3D21
- 1F2B16
- 121A0B
- 060A03
- 010100
톤
- 80A167
- 809E6A
- 809A6D
- 809670
- 809373
- 808F76
- 808B79
- 80887B
- 80847E
색 조화
보색 +180°
- 80A563
Frankenstein
- AD85C4
≈ Creeping Bellflower
유사색 -30° +30°
- 80A563
Frankenstein
- A49A4C
≈ Formosan Green
- 57AB85
≈ Julep
삼각 배색 +120° +240°
- 80A563
Frankenstein
- 699BD4
≈ Sea Loch
- CE7D87
≈ Grey Matter
분열 보색 +150° +210°
- 80A563
Frankenstein
- 8E90D4
≈ Adora
- C37EA9
≈ Strawberry Freeze
사각 배색 +90° +180° +270°
- 80A563
Frankenstein
- 44A5C4
≈ Oasis Spring
- AD85C4
≈ Creeping Bellflower
- CC8365
≈ Burning Sand
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.80:1 · APCA Lc 54
Ag
AAA검은색 위
WCAG 7.48:1 · APCA Lc 48
가장 좋은 글자색: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
코드 스니펫
CSS
:root {
--frankenstein: #80a563;
--frankenstein-rgb: 128 165 99;
--frankenstein-oklch: oklch(0.678 0.101 132.4);
}
.element {
color: var(--frankenstein);
background-color: hsl(94 27% 52%);
border-color: oklch(0.678 0.101 132.4);
}Tailwind CSS v4
@theme {
--color-frankenstein: #80a563;
--color-frankenstein-50: #e9fcdf;
--color-frankenstein-100: #daf0ce;
--color-frankenstein-200: #c3deb3;
--color-frankenstein-300: #a2c38f;
--color-frankenstein-400: #88ab6d;
--color-frankenstein-500: #6c944b;
--color-frankenstein-600: #5c7d41;
--color-frankenstein-700: #496433;
--color-frankenstein-800: #364923;
--color-frankenstein-900: #253317;
--color-frankenstein-950: #141e08;
}SCSS
$frankenstein: #80a563;
$frankenstein-rgb: 128, 165, 99;
$frankenstein-light: mix(#fff, $frankenstein, 20%);
$frankenstein-dark: mix(#000, $frankenstein, 20%);
.element {
color: $frankenstein;
box-shadow: 0 0 0 2px rgba($frankenstein, 0.35);
}