Colore con nome · #B2B9A5
Matt Sage
Matt Sage è #B2B9A5: rgb(178 185 165), hsl(81 12% 69%), oklch(0.775 0.029 122.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Matt Sage color name →
#B2B9A5
oklch(0.775 0.029 122.8)
Conversioni di colore
- HEX
- #b2b9a5
- RGB
- rgb(178 185 165)
- HSL
- hsl(81 12% 69%)
- HWB
- hwb(81 65% 27%)
- OKLCH
- oklch(0.775 0.029 122.8)
- OKLab
- oklab(0.775 -0.016 0.024)
- CIE Lab
- lab(74.17 -5.24 9.31)
- LCH
- lch(74.17 10.68 119.4)
- CMYK
- cmyk(4% 0% 11% 27%)
Tinte · Ombre · Toni
Tinte
- B9C0AE
- C1C7B7
- C9CEBF
- D0D5C8
- D8DCD1
- E0E3DA
- E7EAE3
- EFF1ED
- F7F8F6
Ombre
- 9AA08F
- 838979
- 6D7165
- 575B51
- 43463D
- 2F312B
- 1D1E1A
- 0C0D0A
- 010201
Toni
- ADB3A1
- A8AD9E
- A3A89A
- 9EA296
- 999C92
- 94968F
- 8F918B
- 8A8B87
- 858684
Armonie di colore
Complementare +180°
- B2B9A5
Matt Sage
- B9B2C5
≈ Misty Lilac
Analogo -30° +30°
- B2B9A5
Matt Sage
- BCB6A1
≈ French Shutter
- A9BBAD
≈ Rockfall
Triadico +120° +240°
- B2B9A5
Matt Sage
- A6B8C7
≈ Hazy Daze
- C7AEB4
≈ Velvet Ears
Complementare divisa +150° +210°
- B2B9A5
Matt Sage
- AFB5C9
≈ Spacious Sky
- C1AFBE
≈ Mischief
Tetradico +90° +180° +270°
- B2B9A5
Matt Sage
- A2BBC1
≈ Soft Shore
- B9B2C5
≈ Misty Lilac
- C7AFAA
≈ Young Turk
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.02:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.37:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.37:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--matt-sage: #b2b9a5;
--matt-sage-rgb: 178 185 165;
--matt-sage-oklch: oklch(0.775 0.029 122.8);
}
.element {
color: var(--matt-sage);
background-color: hsl(81 12% 69%);
border-color: oklch(0.775 0.029 122.8);
}Tailwind CSS v4
@theme {
--color-matt-sage: #b2b9a5;
--color-matt-sage-50: #f3f7ee;
--color-matt-sage-100: #e5eadf;
--color-matt-sage-200: #d1d7c9;
--color-matt-sage-300: #b4baaa;
--color-matt-sage-400: #9ba18f;
--color-matt-sage-500: #828a75;
--color-matt-sage-600: #6e7463;
--color-matt-sage-700: #585d4f;
--color-matt-sage-800: #414439;
--color-matt-sage-900: #2d2f27;
--color-matt-sage-950: #1a1c15;
}SCSS
$matt-sage: #b2b9a5;
$matt-sage-rgb: 178, 185, 165;
$matt-sage-light: mix(#fff, $matt-sage, 20%);
$matt-sage-dark: mix(#000, $matt-sage, 20%);
.element {
color: $matt-sage;
box-shadow: 0 0 0 2px rgba($matt-sage, 0.35);
}