Nazwany kolor · #B6B2A1
Melmac Silver
Melmac Silver to #B6B2A1: rgb(182 178 161), hsl(49 13% 67%), oklch(0.762 0.024 96). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Melmac Silver color name →
#B6B2A1
oklch(0.762 0.024 96)
Konwersje koloru
- HEX
- #b6b2a1
- RGB
- rgb(182 178 161)
- HSL
- hsl(49 13% 67%)
- HWB
- hwb(49 63% 29%)
- OKLCH
- oklch(0.762 0.024 96)
- OKLab
- oklab(0.762 -0.003 0.024)
- CIE Lab
- lab(72.55 -0.75 9.26)
- LCH
- lch(72.55 9.29 94.6)
- CMYK
- cmyk(0% 2% 12% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BDB9AA
- C4C1B3
- CBC9BC
- D3D0C6
- DAD8CF
- E1E0D9
- E9E7E2
- F0EFEC
- F7F7F5
Odcienie ciemniejsze
- 9E9A8B
- 868376
- 6F6D62
- 59574E
- 44433C
- 302F2A
- 1D1D19
- 0C0C09
- 020101
Tony
- B0AD9E
- ABA89A
- A5A397
- A09E94
- 9B9990
- 95948D
- 908F8A
- 8B8A87
- 858583
Harmonie kolorów
Komplementarna +180°
- B6B2A1
Melmac Silver
- ADB1C1
≈ Fragrant Wand
Analogowa -30° +30°
- B6B2A1
Melmac Silver
- BDAFA2
≈ Barista
- AEB5A4
≈ Stormy Day
Triada +120° +240°
- B6B2A1
Melmac Silver
- A1B6BC
≈ Blue by You
- BCACB8
≈ Luminous Light
Komplementarna rozszczepiona +150° +210°
- B6B2A1
Melmac Silver
- A6B4C1
≈ Suds
- B5AEBE
≈ Wisteria Trellis
Tetrada +90° +180° +270°
- B6B2A1
Melmac Silver
- A2B7B4
≈ Holly Glen
- ADB1C1
≈ Fragrant Wand
- C0ACAF
≈ Lavender Scent
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.12:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.87:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.87:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--melmac-silver: #b6b2a1;
--melmac-silver-rgb: 182 178 161;
--melmac-silver-oklch: oklch(0.762 0.024 96);
}
.element {
color: var(--melmac-silver);
background-color: hsl(49 13% 67%);
border-color: oklch(0.762 0.024 96);
}Tailwind CSS v4
@theme {
--color-melmac-silver: #b6b2a1;
--color-melmac-silver-50: #f7f5ee;
--color-melmac-silver-100: #eae8df;
--color-melmac-silver-200: #d7d4c9;
--color-melmac-silver-300: #bab8aa;
--color-melmac-silver-400: #a29f8f;
--color-melmac-silver-500: #8b8675;
--color-melmac-silver-600: #757263;
--color-melmac-silver-700: #5e5b4f;
--color-melmac-silver-800: #454239;
--color-melmac-silver-900: #302e27;
--color-melmac-silver-950: #1c1b15;
}SCSS
$melmac-silver: #b6b2a1;
$melmac-silver-rgb: 182, 178, 161;
$melmac-silver-light: mix(#fff, $melmac-silver, 20%);
$melmac-silver-dark: mix(#000, $melmac-silver, 20%);
.element {
color: $melmac-silver;
box-shadow: 0 0 0 2px rgba($melmac-silver, 0.35);
}