Adlandırılmış renk · #B2B9A5
Matt Sage
Matt Sage, #B2B9A5: rgb(178 185 165), hsl(81 12% 69%), oklch(0.775 0.029 122.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Matt Sage color name →
#B2B9A5
oklch(0.775 0.029 122.8)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B9C0AE
- C1C7B7
- C9CEBF
- D0D5C8
- D8DCD1
- E0E3DA
- E7EAE3
- EFF1ED
- F7F8F6
Koyu tonlar
- 9AA08F
- 838979
- 6D7165
- 575B51
- 43463D
- 2F312B
- 1D1E1A
- 0C0D0A
- 010201
Gri tonlar
- ADB3A1
- A8AD9E
- A3A89A
- 9EA296
- 999C92
- 94968F
- 8F918B
- 8A8B87
- 858684
Renk uyumları
Tamamlayıcı +180°
- B2B9A5
Matt Sage
- B9B2C5
≈ Misty Lilac
Analog -30° +30°
- B2B9A5
Matt Sage
- BCB6A1
≈ French Shutter
- A9BBAD
≈ Rockfall
Üçlü +120° +240°
- B2B9A5
Matt Sage
- A6B8C7
≈ Hazy Daze
- C7AEB4
≈ Velvet Ears
Bölünmüş tamamlayıcı +150° +210°
- B2B9A5
Matt Sage
- AFB5C9
≈ Spacious Sky
- C1AFBE
≈ Mischief
Dörtlü +90° +180° +270°
- B2B9A5
Matt Sage
- A2BBC1
≈ Soft Shore
- B9B2C5
≈ Misty Lilac
- C7AFAA
≈ Young Turk
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.02:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.37:1 · APCA Lc 63
En iyi metin rengi: #000000
WCAG 10.37:1 (AAA) · APCA Lc 63
Contrast pairs
Kod parçacıkları
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);
}