Benannte Farbe · #B5B5BD
Enchanted Silver
Enchanted Silver ist #B5B5BD: rgb(181 181 189), hsl(240 6% 73%), oklch(0.776 0.011 286.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Enchanted Silver color name →
#B5B5BD
oklch(0.776 0.011 286.1)
Farbumrechnungen
- HEX
- #b5b5bd
- RGB
- rgb(181 181 189)
- HSL
- hsl(240 6% 73%)
- HWB
- hwb(240 71% 26%)
- OKLCH
- oklch(0.776 0.011 286.1)
- OKLab
- oklab(0.776 0.003 -0.011)
- CIE Lab
- lab(73.86 1.14 -4.08)
- LCH
- lch(73.86 4.23 285.6)
- CMYK
- cmyk(4% 4% 0% 26%)
Tints · Shades · Tones
Tints
- BCBCC3
- C3C3CA
- CBCBD0
- D2D2D7
- D9D9DE
- E1E1E4
- E8E8EB
- F0F0F2
- F7F7F8
Shades
- 9D9DA4
- 86868C
- 6F6F74
- 59595D
- 444447
- 303033
- 1D1D1F
- 0C0C0D
- 020202
Tones
- B0B0B7
- AAAAB0
- A5A5AA
- 9F9FA4
- 9A9A9E
- 959598
- 909092
- 8A8A8C
- 858586
Farbharmonien
Komplementär +180°
- B5B5BD
Enchanted Silver
- B7B6AE
≈ Ashes
Analog -30° +30°
- B5B5BD
Enchanted Silver
- B1B6BD
≈ Cube Farm
- B9B4BB
≈ Enchanted Silver
Triadisch +120° +240°
- B5B5BD
Enchanted Silver
- BCB4B0
≈ Grey Marble
- B0B8B4
≈ Swag Bag Silver
Geteilt komplementär +150° +210°
- B5B5BD
Enchanted Silver
- BAB5AE
≈ Soft Beige
- B3B8B1
≈ Sleepy
Tetradisch +90° +180° +270°
- B5B5BD
Enchanted Silver
- BDB3B3
≈ Pink Swan
- B7B6AE
≈ Ashes
- AEB8B8
≈ Autumn Fog
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.03:1 · APCA Lc 40
Ag
AAAAuf Schwarz
WCAG 10.30:1 · APCA Lc 63
Beste Textfarbe: #000000
WCAG 10.30:1 (AAA) · APCA Lc 63
Contrast pairs
Code-Snippets
CSS
:root {
--enchanted-silver: #b5b5bd;
--enchanted-silver-rgb: 181 181 189;
--enchanted-silver-oklch: oklch(0.776 0.011 286.1);
}
.element {
color: var(--enchanted-silver);
background-color: hsl(240 6% 73%);
border-color: oklch(0.776 0.011 286.1);
}Tailwind CSS v4
@theme {
--color-enchanted-silver: #b5b5bd;
--color-enchanted-silver-50: #f5f5f8;
--color-enchanted-silver-100: #e7e7eb;
--color-enchanted-silver-200: #d4d3d9;
--color-enchanted-silver-300: #b7b6bd;
--color-enchanted-silver-400: #9e9ea5;
--color-enchanted-silver-500: #85858d;
--color-enchanted-silver-600: #717178;
--color-enchanted-silver-700: #5a5a60;
--color-enchanted-silver-800: #424246;
--color-enchanted-silver-900: #2d2d31;
--color-enchanted-silver-950: #1a1a1d;
}SCSS
$enchanted-silver: #b5b5bd;
$enchanted-silver-rgb: 181, 181, 189;
$enchanted-silver-light: mix(#fff, $enchanted-silver, 20%);
$enchanted-silver-dark: mix(#000, $enchanted-silver, 20%);
.element {
color: $enchanted-silver;
box-shadow: 0 0 0 2px rgba($enchanted-silver, 0.35);
}