Benannte Farbe · #B9BDAE
Dry Catmint
Dry Catmint ist #B9BDAE: rgb(185 189 174), hsl(76 10% 71%), oklch(0.791 0.021 119). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Dry Catmint color name →
#B9BDAE
oklch(0.791 0.021 119)
Farbumrechnungen
- HEX
- #b9bdae
- RGB
- rgb(185 189 174)
- HSL
- hsl(76 10% 71%)
- HWB
- hwb(76 68% 26%)
- OKLCH
- oklch(0.791 0.021 119)
- OKLab
- oklab(0.791 -0.01 0.019)
- CIE Lab
- lab(75.97 -3.47 7.1)
- LCH
- lch(75.97 7.9 116)
- CMYK
- cmyk(2% 0% 8% 26%)
Tints · Shades · Tones
Tints
- C0C3B6
- C7CABE
- CED0C6
- D4D7CE
- DBDED6
- E2E4DE
- EAEBE6
- F1F2EE
- F8F8F7
Shades
- A0A497
- 898C80
- 71746A
- 5B5D55
- 464741
- 31332E
- 1E1F1C
- 0D0D0B
- 020201
Tones
- B3B7A9
- ADB0A5
- A7AAA0
- A2A49B
- 9C9E97
- 969892
- 91928E
- 8B8C89
- 868685
Farbharmonien
Komplementär +180°
- B9BDAE
Dry Catmint
- BCB8C7
≈ Cosmic
Analog -30° +30°
- B9BDAE
Dry Catmint
- C0BAAC
≈ City Dweller
- B2BFB4
≈ Wet Ash
Triadisch +120° +240°
- B9BDAE
Dry Catmint
- AFBDC7
≈ Ocean Drive
- C7B5BA
≈ Blossom Powder
Geteilt komplementär +150° +210°
- B9BDAE
Dry Catmint
- B5BBC9
≈ Blunt
- C3B6C2
≈ Pink Bravado
Tetradisch +90° +180° +270°
- B9BDAE
Dry Catmint
- ACBFC2
≈ Bleu Clair
- BCB8C7
≈ Cosmic
- C8B6B3
≈ Grey Rose
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.91:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.95:1 · APCA Lc 66
Beste Textfarbe: #000000
WCAG 10.95:1 (AAA) · APCA Lc 66
Contrast pairs
Code-Snippets
CSS
:root {
--dry-catmint: #b9bdae;
--dry-catmint-rgb: 185 189 174;
--dry-catmint-oklch: oklch(0.791 0.021 119);
}
.element {
color: var(--dry-catmint);
background-color: hsl(76 10% 71%);
border-color: oklch(0.791 0.021 119);
}Tailwind CSS v4
@theme {
--color-dry-catmint: #b9bdae;
--color-dry-catmint-50: #f4f6ef;
--color-dry-catmint-100: #e7e9e1;
--color-dry-catmint-200: #d3d6cc;
--color-dry-catmint-300: #b5b9ad;
--color-dry-catmint-400: #9da093;
--color-dry-catmint-500: #848879;
--color-dry-catmint-600: #707366;
--color-dry-catmint-700: #5a5c52;
--color-dry-catmint-800: #42433b;
--color-dry-catmint-900: #2d2f29;
--color-dry-catmint-950: #1a1b16;
}SCSS
$dry-catmint: #b9bdae;
$dry-catmint-rgb: 185, 189, 174;
$dry-catmint-light: mix(#fff, $dry-catmint, 20%);
$dry-catmint-dark: mix(#000, $dry-catmint, 20%);
.element {
color: $dry-catmint;
box-shadow: 0 0 0 2px rgba($dry-catmint, 0.35);
}