Colore con nome · #B4BDC7
Stainless Steel
Stainless Steel è #B4BDC7: rgb(180 189 199), hsl(212 15% 74%), oklch(0.794 0.017 250.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Stainless Steel color name →
#B4BDC7
oklch(0.794 0.017 250.9)
Conversioni di colore
- HEX
- #b4bdc7
- RGB
- rgb(180 189 199)
- HSL
- hsl(212 15% 74%)
- HWB
- hwb(212 71% 22%)
- OKLCH
- oklch(0.794 0.017 250.9)
- OKLab
- oklab(0.794 -0.006 -0.016)
- CIE Lab
- lab(76.13 -1.75 -6.19)
- LCH
- lch(76.13 6.43 254.2)
- CMYK
- cmyk(10% 5% 0% 22%)
Tinte · Ombre · Toni
Tinte
- BBC3CC
- C3CAD2
- CAD0D8
- D1D7DD
- D9DEE3
- E0E4E8
- E8EBEE
- F0F2F4
- F7F8F9
Ombre
- 9CA4AD
- 858C93
- 6E747A
- 585D62
- 44474C
- 303336
- 1D1F21
- 0C0D0E
- 020202
Toni
- AFB7C0
- A9B0B8
- A4AAB1
- 9FA4AA
- 9A9EA3
- 94989C
- 8F9295
- 8A8C8E
- 858687
Armonie di colore
Complementare +180°
- B4BDC7
Stainless Steel
- C3BAB0
≈ Luxe Grey
Analogo -30° +30°
- B4BDC7
Stainless Steel
- B0BFC4
≈ Artisan Blue
- BABBC7
≈ Silverado Trail
Triadico +120° +240°
- B4BDC7
Stainless Steel
- C7B8B9
≈ Studio Mauve
- B8BEB3
≈ Hazel Gaze
Complementare divisa +150° +210°
- B4BDC7
Stainless Steel
- C6B9B4
≈ Rubidium
- BEBCB0
≈ Soft Sage
Tetradico +90° +180° +270°
- B4BDC7
Stainless Steel
- C4B8BF
≈ Lavender Sand
- C3BAB0
≈ Luxe Grey
- B3C0B8
≈ Opalescence
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.90:1 · APCA Lc 36
Ag
AAASu nero
WCAG 11.04:1 · APCA Lc 66
Miglior colore del testo: #000000
WCAG 11.04:1 (AAA) · APCA Lc 66
Contrast pairs
Frammenti di codice
CSS
:root {
--stainless-steel: #b4bdc7;
--stainless-steel-rgb: 180 189 199;
--stainless-steel-oklch: oklch(0.794 0.017 250.9);
}
.element {
color: var(--stainless-steel);
background-color: hsl(212 15% 74%);
border-color: oklch(0.794 0.017 250.9);
}Tailwind CSS v4
@theme {
--color-stainless-steel: #b4bdc7;
--color-stainless-steel-50: #f2f5fa;
--color-stainless-steel-100: #e4e8ee;
--color-stainless-steel-200: #cfd5dc;
--color-stainless-steel-300: #b1b8c0;
--color-stainless-steel-400: #979fa9;
--color-stainless-steel-500: #7e8792;
--color-stainless-steel-600: #6b727b;
--color-stainless-steel-700: #555c63;
--color-stainless-steel-800: #3e4348;
--color-stainless-steel-900: #2b2e32;
--color-stainless-steel-950: #181b1e;
}SCSS
$stainless-steel: #b4bdc7;
$stainless-steel-rgb: 180, 189, 199;
$stainless-steel-light: mix(#fff, $stainless-steel, 20%);
$stainless-steel-dark: mix(#000, $stainless-steel, 20%);
.element {
color: $stainless-steel;
box-shadow: 0 0 0 2px rgba($stainless-steel, 0.35);
}