Colore con nome · #B6C0BC
Patina Grey
Patina Grey è #B6C0BC: rgb(182 192 188), hsl(156 7% 73%), oklch(0.799 0.012 170.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Patina Grey color name →
#B6C0BC
oklch(0.799 0.012 170.2)
Conversioni di colore
- HEX
- #b6c0bc
- RGB
- rgb(182 192 188)
- HSL
- hsl(156 7% 73%)
- HWB
- hwb(156 71% 25%)
- OKLCH
- oklch(0.799 0.012 170.2)
- OKLab
- oklab(0.799 -0.012 0.002)
- CIE Lab
- lab(76.83 -4.14 0.76)
- LCH
- lch(76.83 4.21 169.6)
- CMYK
- cmyk(5% 0% 2% 25%)
Tinte · Ombre · Toni
Tinte
- BDC6C3
- C4CCC9
- CBD3D0
- D3D9D6
- DADFDD
- E1E5E4
- E9ECEB
- F0F2F1
- F8F9F8
Ombre
- 9EA7A3
- 868E8B
- 6F7673
- 595F5D
- 444947
- 303432
- 1D201F
- 0C0E0D
- 020202
Toni
- B0B9B6
- ABB3B0
- A5ACAA
- A0A6A3
- 9B9F9D
- 959997
- 909392
- 8B8C8C
- 858686
Armonie di colore
Complementare +180°
- B6C0BC
Patina Grey
- C4BABE
≈ Lilac Marble
Analogo -30° +30°
- B6C0BC
Patina Grey
- B9BFB8
≈ Solstice
- B5C0C0
≈ Flock of Seagulls
Triadico +120° +240°
- B6C0BC
Patina Grey
- BDBCC5
≈ Silver Fox
- C4BBB6
≈ Mauve Stone
Complementare divisa +150° +210°
- B6C0BC
Patina Grey
- C1BBC2
≈ Lace Wisteria
- C5BABA
≈ Studio Mauve
Tetradico +90° +180° +270°
- B6C0BC
Patina Grey
- B9BEC5
≈ Blue to You
- C4BABE
≈ Lilac Marble
- C1BDB5
≈ Ooid Sand
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.86:1 · APCA Lc 35
Ag
AAASu nero
WCAG 11.25:1 · APCA Lc 67
Miglior colore del testo: #000000
WCAG 11.25:1 (AAA) · APCA Lc 67
Contrast pairs
Frammenti di codice
CSS
:root {
--patina-grey: #b6c0bc;
--patina-grey-rgb: 182 192 188;
--patina-grey-oklch: oklch(0.799 0.012 170.2);
}
.element {
color: var(--patina-grey);
background-color: hsl(156 7% 73%);
border-color: oklch(0.799 0.012 170.2);
}Tailwind CSS v4
@theme {
--color-patina-grey: #b6c0bc;
--color-patina-grey-50: #f2f6f5;
--color-patina-grey-100: #e4e9e7;
--color-patina-grey-200: #cfd6d3;
--color-patina-grey-300: #b1b9b7;
--color-patina-grey-400: #98a19d;
--color-patina-grey-500: #7f8985;
--color-patina-grey-600: #6b7470;
--color-patina-grey-700: #565d5a;
--color-patina-grey-800: #3e4441;
--color-patina-grey-900: #2b2f2d;
--color-patina-grey-950: #181b1a;
}SCSS
$patina-grey: #b6c0bc;
$patina-grey-rgb: 182, 192, 188;
$patina-grey-light: mix(#fff, $patina-grey, 20%);
$patina-grey-dark: mix(#000, $patina-grey, 20%);
.element {
color: $patina-grey;
box-shadow: 0 0 0 2px rgba($patina-grey, 0.35);
}