이름 색상 · #AB979A
Heirloom Quilt
Heirloom Quilt은(는) #AB979A: rgb(171 151 154), hsl(351 11% 63%), oklch(0.695 0.024 7.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Heirloom Quilt color name →
#AB979A
oklch(0.695 0.024 7.5)
색상 변환
- HEX
- #ab979a
- RGB
- rgb(171 151 154)
- HSL
- hsl(351 11% 63%)
- HWB
- hwb(351 59% 33%)
- OKLCH
- oklch(0.695 0.024 7.5)
- OKLab
- oklab(0.695 0.024 0.003)
- CIE Lab
- lab(64.33 8.04 1.28)
- LCH
- lch(64.33 8.14 9)
- CMYK
- cmyk(0% 12% 10% 33%)
틴트 · 셰이드 · 톤
틴트
- B3A1A4
- BBABAD
- C4B5B7
- CCBFC1
- D4CACB
- DDD4D5
- E5DFE0
- EEE9EA
- F6F4F4
셰이드
- 948385
- 7E6F71
- 685C5E
- 54494B
- 403739
- 2D2627
- 1B1717
- 0B0809
- 010101
톤
- A79597
- A29295
- 9E9092
- 9A8E8F
- 958B8D
- 91898A
- 8D8788
- 898585
- 848283
색 조화
보색 +180°
- AB979A
Heirloom Quilt
- 8DA29F
≈ October Sky
유사색 -30° +30°
- AB979A
Heirloom Quilt
- A797A2
≈ Romantic Holiday
- AB9892
≈ Monkeypod
삼각 배색 +120° +240°
- AB979A
Heirloom Quilt
- 99A090
≈ Bitter Sage
- 919FAB
≈ Frilled Shark
분열 보색 +150° +210°
- AB979A
Heirloom Quilt
- 91A297
≈ Verdant Retreat
- 8DA1A7
≈ Symmetry
사각 배색 +90° +180° +270°
- AB979A
Heirloom Quilt
- A19D8D
≈ Dawn
- 8DA29F
≈ October Sky
- 999CAC
≈ Wet Asphalt
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.75:1 · APCA Lc 53
Ag
AAA검은색 위
WCAG 7.62:1 · APCA Lc 49
가장 좋은 글자색: #000000
WCAG 7.62:1 (AAA) · APCA Lc 49
Contrast pairs
코드 스니펫
CSS
:root {
--heirloom-quilt: #ab979a;
--heirloom-quilt-rgb: 171 151 154;
--heirloom-quilt-oklch: oklch(0.695 0.024 7.5);
}
.element {
color: var(--heirloom-quilt);
background-color: hsl(351 11% 63%);
border-color: oklch(0.695 0.024 7.5);
}Tailwind CSS v4
@theme {
--color-heirloom-quilt: #ab979a;
--color-heirloom-quilt-50: #fcf2f3;
--color-heirloom-quilt-100: #f0e5e6;
--color-heirloom-quilt-200: #ded0d2;
--color-heirloom-quilt-300: #c3b3b5;
--color-heirloom-quilt-400: #ac999c;
--color-heirloom-quilt-500: #958083;
--color-heirloom-quilt-600: #7e6c6f;
--color-heirloom-quilt-700: #655759;
--color-heirloom-quilt-800: #4a3f41;
--color-heirloom-quilt-900: #332b2d;
--color-heirloom-quilt-950: #1f191a;
}SCSS
$heirloom-quilt: #ab979a;
$heirloom-quilt-rgb: 171, 151, 154;
$heirloom-quilt-light: mix(#fff, $heirloom-quilt, 20%);
$heirloom-quilt-dark: mix(#000, $heirloom-quilt, 20%);
.element {
color: $heirloom-quilt;
box-shadow: 0 0 0 2px rgba($heirloom-quilt, 0.35);
}