가장 가까운 이름 색상 · #80B288
#80B288
가장 가까운 이름 색상: Verde
#80B288(rgb(128 178 136), hsl(130 25% 60%), oklch(0.717 0.081 148.9))와 가장 가까운 이름 색상은 Verde입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#80B288
oklch(0.717 0.081 148.9)
색상 변환
- HEX
- #80b288
- RGB
- rgb(128 178 136)
- HSL
- hsl(130 25% 60%)
- HWB
- hwb(130 50% 30%)
- OKLCH
- oklch(0.717 0.081 148.9)
- OKLab
- oklab(0.717 -0.069 0.042)
- CIE Lab
- lab(68.18 -23.72 16.01)
- LCH
- lch(68.18 28.62 146)
- CMYK
- cmyk(28% 0% 24% 30%)
틴트 · 셰이드 · 톤
틴트
- 8DBA93
- 99C19F
- A6C9AB
- B2D1B6
- BFD8C2
- CCE0CE
- D8E8DA
- E5EFE6
- F2F7F3
셰이드
- 6E9A75
- 5D8363
- 4D6D52
- 3D5741
- 2E4331
- 1F2F22
- 121D13
- 060C06
- 010101
톤
- 80AD87
- 81A887
- 81A386
- 819E85
- 819984
- 819484
- 818F83
- 818A82
- 808581
색 조화
보색 +180°
- 80B288
Verde
- C092BD
≈ La la Love
유사색 -30° +30°
삼각 배색 +120° +240°
- 80B288
Verde
- 8FA2D7
≈ Azureno
- D19187
≈ Peach Preserve
분열 보색 +150° +210°
- 80B288
Verde
- AA99D0
≈ Biloba Flower
- CE8FA2
≈ Sianna Rose
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.43:1 · APCA Lc 48
Ag
AAA검은색 위
WCAG 8.64:1 · APCA Lc 54
가장 좋은 글자색: #000000
WCAG 8.64:1 (AAA) · APCA Lc 54
Contrast pairs
코드 스니펫
CSS
:root {
--verde: #80b288;
--verde-rgb: 128 178 136;
--verde-oklch: oklch(0.717 0.081 148.9);
}
.element {
color: var(--verde);
background-color: hsl(130 25% 60%);
border-color: oklch(0.717 0.081 148.9);
}Tailwind CSS v4
@theme {
--color-verde: #80b288;
--color-verde-50: #e5fcea;
--color-verde-100: #d5f0da;
--color-verde-200: #bcdfc3;
--color-verde-300: #9ac4a3;
--color-verde-400: #7dac84;
--color-verde-500: #5f9568;
--color-verde-600: #517e59;
--color-verde-700: #406547;
--color-verde-800: #2f4a32;
--color-verde-900: #203322;
--color-verde-950: #0f1f11;
}SCSS
$verde: #80b288;
$verde-rgb: 128, 178, 136;
$verde-light: mix(#fff, $verde, 20%);
$verde-dark: mix(#000, $verde, 20%);
.element {
color: $verde;
box-shadow: 0 0 0 2px rgba($verde, 0.35);
}