가장 가까운 이름 색상 · #81C6B0
#81C6B0
가장 가까운 이름 색상: Bevelled Glass
#81C6B0(rgb(129 198 176), hsl(161 38% 64%), oklch(0.774 0.077 172.1))와 가장 가까운 이름 색상은 Bevelled Glass입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#81C6B0
oklch(0.774 0.077 172.1)
색상 변환
- HEX
- #81c6b0
- RGB
- rgb(129 198 176)
- HSL
- hsl(161 38% 64%)
- HWB
- hwb(161 51% 22%)
- OKLCH
- oklch(0.774 0.077 172.1)
- OKLab
- oklab(0.774 -0.076 0.011)
- CIE Lab
- lab(74.82 -26.41 3.8)
- LCH
- lch(74.82 26.69 171.8)
- CMYK
- cmyk(35% 0% 11% 22%)
틴트 · 셰이드 · 톤
틴트
- 8ECCB8
- 9BD1BF
- A8D7C7
- B5DDCF
- C1E3D7
- CEE8DF
- DAEEE7
- E6F4EF
- F3F9F7
셰이드
- 6FAC99
- 5E9282
- 4E7A6C
- 3E6256
- 2E4B42
- 1F352E
- 12211C
- 060E0B
- 010201
톤
- 82BFAB
- 82B8A6
- 83B1A1
- 83AA9C
- 83A398
- 839C93
- 82958E
- 828E89
- 818785
색 조화
보색 +180°
- 81C6B0
Bevelled Glass
- DDA2BB
≈ Pink Gin
유사색 -30° +30°
- 81C6B0
Bevelled Glass
- 9AC395
≈ Velvet Leaf
- 77C5CB
≈ Wavelet
삼각 배색 +120° +240°
- 81C6B0
Bevelled Glass
- B6ADE3
≈ Maximum Blue Purple
- DEA888
≈ Almost Apricot
분열 보색 +150° +210°
- 81C6B0
Bevelled Glass
- CDA6D3
≈ Graceful Garden
- E3A29F
≈ Bussell Lace
사각 배색 +90° +180° +270°
- 81C6B0
Bevelled Glass
- 9BB6E7
≈ Honest
- DDA2BB
≈ Pink Gin
- CEB17D
≈ Fawn
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.97:1 · APCA Lc 38
Ag
AAA검은색 위
WCAG 10.63:1 · APCA Lc 64
가장 좋은 글자색: #000000
WCAG 10.63:1 (AAA) · APCA Lc 64
Contrast pairs
코드 스니펫
CSS
:root {
--bevelled-glass: #81c6b0;
--bevelled-glass-rgb: 129 198 176;
--bevelled-glass-oklch: oklch(0.774 0.077 172.1);
}
.element {
color: var(--bevelled-glass);
background-color: hsl(161 38% 64%);
border-color: oklch(0.774 0.077 172.1);
}Tailwind CSS v4
@theme {
--color-bevelled-glass: #81c6b0;
--color-bevelled-glass-50: #e0fdf3;
--color-bevelled-glass-100: #cff1e6;
--color-bevelled-glass-200: #b3e0d2;
--color-bevelled-glass-300: #8ec5b4;
--color-bevelled-glass-400: #6dae99;
--color-bevelled-glass-500: #4a9780;
--color-bevelled-glass-600: #3f806d;
--color-bevelled-glass-700: #326657;
--color-bevelled-glass-800: #244b3e;
--color-bevelled-glass-900: #18342b;
--color-bevelled-glass-950: #081f18;
}SCSS
$bevelled-glass: #81c6b0;
$bevelled-glass-rgb: 129, 198, 176;
$bevelled-glass-light: mix(#fff, $bevelled-glass, 20%);
$bevelled-glass-dark: mix(#000, $bevelled-glass, 20%);
.element {
color: $bevelled-glass;
box-shadow: 0 0 0 2px rgba($bevelled-glass, 0.35);
}