가장 가까운 이름 색상 · #82B7A1
#82B7A1
가장 가까운 이름 색상: Beau Monde
#82B7A1(rgb(130 183 161), hsl(155 27% 61%), oklch(0.736 0.064 167))와 가장 가까운 이름 색상은 Beau Monde입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#82B7A1
oklch(0.736 0.064 167)
색상 변환
- HEX
- #82b7a1
- RGB
- rgb(130 183 161)
- HSL
- hsl(155 27% 61%)
- HWB
- hwb(155 51% 28%)
- OKLCH
- oklch(0.736 0.064 167)
- OKLab
- oklab(0.736 -0.063 0.015)
- CIE Lab
- lab(70.23 -21.68 5.36)
- LCH
- lch(70.23 22.34 166.1)
- CMYK
- cmyk(29% 0% 12% 28%)
틴트 · 셰이드 · 톤
틴트
- 8FBEAA
- 9BC5B3
- A8CCBC
- B4D4C6
- C1DBCF
- CDE2D8
- D9E9E2
- E6F0EC
- F2F8F5
셰이드
- 709F8B
- 5F8776
- 4E7062
- 3E5A4E
- 2F453C
- 20312A
- 121E19
- 060C09
- 010201
톤
- 82B19E
- 83AC9A
- 83A697
- 83A194
- 829B90
- 82968D
- 82908A
- 818B87
- 818583
색 조화
보색 +180°
- 82B7A1
Beau Monde
- C99AB1
≈ Lady’s Cushions Pink
유사색 -30° +30°
- 82B7A1
Beau Monde
- 97B38C
≈ Easygoing Green
- 78B7B7
≈ Kingfisher Turquoise
삼각 배색 +120° +240°
- 82B7A1
Beau Monde
- A6A4D1
≈ Water Hyacinth
- CC9E87
≈ Artefact
분열 보색 +150° +210°
- 82B7A1
Beau Monde
- BA9DC5
≈ Crocus Petal
- CF9A9B
≈ Silk Stone
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.27:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.23:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.23:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--beau-monde: #82b7a1;
--beau-monde-rgb: 130 183 161;
--beau-monde-oklch: oklch(0.736 0.064 167);
}
.element {
color: var(--beau-monde);
background-color: hsl(155 27% 61%);
border-color: oklch(0.736 0.064 167);
}Tailwind CSS v4
@theme {
--color-beau-monde: #82b7a1;
--color-beau-monde-50: #e4fbf2;
--color-beau-monde-100: #d4efe4;
--color-beau-monde-200: #badecf;
--color-beau-monde-300: #98c3b2;
--color-beau-monde-400: #79ab96;
--color-beau-monde-500: #5a947d;
--color-beau-monde-600: #4d7d6a;
--color-beau-monde-700: #3d6455;
--color-beau-monde-800: #2c4a3d;
--color-beau-monde-900: #1e332a;
--color-beau-monde-950: #0e1f17;
}SCSS
$beau-monde: #82b7a1;
$beau-monde-rgb: 130, 183, 161;
$beau-monde-light: mix(#fff, $beau-monde, 20%);
$beau-monde-dark: mix(#000, $beau-monde, 20%);
.element {
color: $beau-monde;
box-shadow: 0 0 0 2px rgba($beau-monde, 0.35);
}