Nazwany kolor · #BEBEC4
Moonwalk
Moonwalk to #BEBEC4: rgb(190 190 196), hsl(240 5% 76%), oklch(0.803 0.008 286.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Moonwalk color name →
#BEBEC4
oklch(0.803 0.008 286.2)
Konwersje koloru
- HEX
- #bebec4
- RGB
- rgb(190 190 196)
- HSL
- hsl(240 5% 76%)
- HWB
- hwb(240 75% 23%)
- OKLCH
- oklch(0.803 0.008 286.2)
- OKLab
- oklab(0.803 0.002 -0.008)
- CIE Lab
- lab(77.11 0.84 -3.03)
- LCH
- lch(77.11 3.15 285.5)
- CMYK
- cmyk(3% 3% 0% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C4C4CA
- CBCBD0
- D1D1D5
- D8D8DB
- DEDEE1
- E5E5E7
- EBEBED
- F2F2F3
- F8F8F9
Odcienie ciemniejsze
- A5A5AA
- 8C8C91
- 757578
- 5E5E61
- 48484A
- 333335
- 1F1F21
- 0D0D0E
- 020202
Tony
- B8B8BD
- B1B1B6
- ABABAF
- A5A5A8
- 9E9EA1
- 98989B
- 929294
- 8C8C8D
- 868687
Harmonie kolorów
Komplementarna +180°
- BEBEC4
Moonwalk
- BFBFB9
≈ Noble Grey
Analogowa -30° +30°
- BEBEC4
Moonwalk
- BBBFC4
≈ Silver Lined
- C1BDC2
≈ Inuit Ice
Triada +120° +240°
- BEBEC4
Moonwalk
- C4BDBA
≈ Hush
- BAC0BD
≈ Metal
Komplementarna rozszczepiona +150° +210°
- BEBEC4
Moonwalk
- C2BEB9
≈ Noble Grey
- BCC0BB
≈ Metal
Tetrada +90° +180° +270°
- BEBEC4
Moonwalk
- C4BDBD
≈ Wallis
- BFBFB9
≈ Noble Grey
- B9C0C0
≈ Skyline Steel
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.84:1 · APCA Lc 35
Ag
AAANa czerni
WCAG 11.35:1 · APCA Lc 68
Najlepszy kolor tekstu: #000000
WCAG 11.35:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmenty kodu
CSS
:root {
--moonwalk: #bebec4;
--moonwalk-rgb: 190 190 196;
--moonwalk-oklch: oklch(0.803 0.008 286.2);
}
.element {
color: var(--moonwalk);
background-color: hsl(240 5% 76%);
border-color: oklch(0.803 0.008 286.2);
}Tailwind CSS v4
@theme {
--color-moonwalk: #bebec4;
--color-moonwalk-50: #f5f5f7;
--color-moonwalk-100: #e7e7ea;
--color-moonwalk-200: #d4d4d8;
--color-moonwalk-300: #b7b7bb;
--color-moonwalk-400: #9e9ea3;
--color-moonwalk-500: #85858c;
--color-moonwalk-600: #717176;
--color-moonwalk-700: #5a5a5e;
--color-moonwalk-800: #424245;
--color-moonwalk-900: #2d2e30;
--color-moonwalk-950: #1a1a1c;
}SCSS
$moonwalk: #bebec4;
$moonwalk-rgb: 190, 190, 196;
$moonwalk-light: mix(#fff, $moonwalk, 20%);
$moonwalk-dark: mix(#000, $moonwalk, 20%);
.element {
color: $moonwalk;
box-shadow: 0 0 0 2px rgba($moonwalk, 0.35);
}