Colore con nome · #BAC0B4
Pumice
Pumice è #BAC0B4: rgb(186 192 180), hsl(90 9% 73%), oklch(0.8 0.018 128.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Pumice color name →
#BAC0B4
oklch(0.8 0.018 128.7)
Conversioni di colore
- HEX
- #bac0b4
- RGB
- rgb(186 192 180)
- HSL
- hsl(90 9% 73%)
- HWB
- hwb(90 71% 25%)
- OKLCH
- oklch(0.8 0.018 128.7)
- OKLab
- oklab(0.8 -0.011 0.014)
- CIE Lab
- lab(76.97 -3.8 5.31)
- LCH
- lch(76.97 6.53 125.6)
- CMYK
- cmyk(3% 0% 6% 25%)
Tinte · Ombre · Toni
Tinte
- C1C6BB
- C7CCC3
- CED3CA
- D5D9D1
- DCDFD9
- E3E5E0
- EAECE8
- F1F2F0
- F8F9F7
Ombre
- A1A79C
- 898E85
- 72766E
- 5C5F58
- 464944
- 323430
- 1E201D
- 0D0E0C
- 020202
Toni
- B4B9AF
- AEB3A9
- A8ACA4
- A2A69F
- 9D9F9A
- 979994
- 91938F
- 8B8C8A
- 868685
Armonie di colore
Complementare +180°
- BAC0B4
Pumice
- C1BBC7
≈ Silverberry
Analogo -30° +30°
- BAC0B4
Pumice
- C0BEB1
≈ Austere Grey
- B5C1B9
≈ Opalescence
Triadico +120° +240°
- BAC0B4
Pumice
- B5BFC9
≈ Winter Wonderland
- C9B9BB
≈ Iris Pink
Complementare divisa +150° +210°
- BAC0B4
Pumice
- BBBDC9
≈ Great White
- C6B9C1
≈ Hazy Iris
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.86:1 · APCA Lc 35
Ag
AAASu nero
WCAG 11.28:1 · APCA Lc 67
Miglior colore del testo: #000000
WCAG 11.28:1 (AAA) · APCA Lc 67
Contrast pairs
Frammenti di codice
CSS
:root {
--pumice: #bac0b4;
--pumice-rgb: 186 192 180;
--pumice-oklch: oklch(0.8 0.018 128.7);
}
.element {
color: var(--pumice);
background-color: hsl(90 9% 73%);
border-color: oklch(0.8 0.018 128.7);
}Tailwind CSS v4
@theme {
--color-pumice: #bac0b4;
--color-pumice-50: #f3f6f1;
--color-pumice-100: #e6e9e3;
--color-pumice-200: #d1d6ce;
--color-pumice-300: #b4b9b0;
--color-pumice-400: #9ba196;
--color-pumice-500: #82897c;
--color-pumice-600: #6e7469;
--color-pumice-700: #585c54;
--color-pumice-800: #41443d;
--color-pumice-900: #2d2f2a;
--color-pumice-950: #1a1b18;
}SCSS
$pumice: #bac0b4;
$pumice-rgb: 186, 192, 180;
$pumice-light: mix(#fff, $pumice, 20%);
$pumice-dark: mix(#000, $pumice, 20%);
.element {
color: $pumice;
box-shadow: 0 0 0 2px rgba($pumice, 0.35);
}