Colore con nome · #AB979A
Heirloom Quilt
Heirloom Quilt è #AB979A: rgb(171 151 154), hsl(351 11% 63%), oklch(0.695 0.024 7.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Heirloom Quilt color name →
#AB979A
oklch(0.695 0.024 7.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- B3A1A4
- BBABAD
- C4B5B7
- CCBFC1
- D4CACB
- DDD4D5
- E5DFE0
- EEE9EA
- F6F4F4
Ombre
- 948385
- 7E6F71
- 685C5E
- 54494B
- 403739
- 2D2627
- 1B1717
- 0B0809
- 010101
Toni
- A79597
- A29295
- 9E9092
- 9A8E8F
- 958B8D
- 91898A
- 8D8788
- 898585
- 848283
Armonie di colore
Complementare +180°
- AB979A
Heirloom Quilt
- 8DA29F
≈ October Sky
Analogo -30° +30°
- AB979A
Heirloom Quilt
- A797A2
≈ Romantic Holiday
- AB9892
≈ Monkeypod
Triadico +120° +240°
- AB979A
Heirloom Quilt
- 99A090
≈ Bitter Sage
- 919FAB
≈ Frilled Shark
Complementare divisa +150° +210°
- AB979A
Heirloom Quilt
- 91A297
≈ Verdant Retreat
- 8DA1A7
≈ Symmetry
Tetradico +90° +180° +270°
- AB979A
Heirloom Quilt
- A19D8D
≈ Dawn
- 8DA29F
≈ October Sky
- 999CAC
≈ Wet Asphalt
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.75:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.62:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.62:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
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);
}