Nazwany kolor · #B4C0C3
Moroccan Moderne
Moroccan Moderne to #B4C0C3: rgb(180 192 195), hsl(192 11% 74%), oklch(0.799 0.014 214.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Moroccan Moderne color name →
#B4C0C3
oklch(0.799 0.014 214.4)
Konwersje koloru
- HEX
- #b4c0c3
- RGB
- rgb(180 192 195)
- HSL
- hsl(192 11% 74%)
- HWB
- hwb(192 71% 24%)
- OKLCH
- oklch(0.799 0.014 214.4)
- OKLab
- oklab(0.799 -0.012 -0.008)
- CIE Lab
- lab(76.83 -3.84 -3.02)
- LCH
- lch(76.83 4.88 218.2)
- CMYK
- cmyk(8% 2% 0% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BBC6C9
- C3CCCF
- CAD3D5
- D1D9DB
- D9DFE1
- E0E5E7
- E8ECED
- F0F2F3
- F7F9F9
Odcienie ciemniejsze
- 9CA7A9
- 858E90
- 6E7678
- 585F60
- 44494A
- 303434
- 1D2020
- 0C0E0E
- 020202
Tony
- AFB9BC
- A9B3B5
- A4ACAE
- 9FA6A8
- 9A9FA1
- 94999A
- 8F9394
- 8A8C8D
- 858686
Harmonie kolorów
Komplementarna +180°
- B4C0C3
Moroccan Moderne
- C6BBB8
≈ Japanese Poet
Analogowa -30° +30°
- B4C0C3
Moroccan Moderne
- B4C1BE
≈ Patina Grey
- B6BFC6
≈ Steampunk Grey
Triada +120° +240°
- B4C0C3
Moroccan Moderne
- C3BAC1
≈ Lilac Marble
- C0BEB4
≈ Light Year
Komplementarna rozszczepiona +150° +210°
- B4C0C3
Moroccan Moderne
- C6BABC
≈ Mulberry Stain
- C4BCB4
≈ Linnet
Tetrada +90° +180° +270°
- B4C0C3
Moroccan Moderne
- BFBBC5
≈ Silver Fox
- C6BBB8
≈ Japanese Poet
- BBBFB6
≈ Pumice
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.86:1 · APCA Lc 35
Ag
AAANa czerni
WCAG 11.26:1 · APCA Lc 67
Najlepszy kolor tekstu: #000000
WCAG 11.26:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmenty kodu
CSS
:root {
--moroccan-moderne: #b4c0c3;
--moroccan-moderne-rgb: 180 192 195;
--moroccan-moderne-oklch: oklch(0.799 0.014 214.4);
}
.element {
color: var(--moroccan-moderne);
background-color: hsl(192 11% 74%);
border-color: oklch(0.799 0.014 214.4);
}Tailwind CSS v4
@theme {
--color-moroccan-moderne: #b4c0c3;
--color-moroccan-moderne-50: #f1f6f8;
--color-moroccan-moderne-100: #e3e9eb;
--color-moroccan-moderne-200: #ced6d8;
--color-moroccan-moderne-300: #b0b9bc;
--color-moroccan-moderne-400: #96a1a3;
--color-moroccan-moderne-500: #7c898c;
--color-moroccan-moderne-600: #697476;
--color-moroccan-moderne-700: #545d5f;
--color-moroccan-moderne-800: #3d4445;
--color-moroccan-moderne-900: #2a2f30;
--color-moroccan-moderne-950: #181b1c;
}SCSS
$moroccan-moderne: #b4c0c3;
$moroccan-moderne-rgb: 180, 192, 195;
$moroccan-moderne-light: mix(#fff, $moroccan-moderne, 20%);
$moroccan-moderne-dark: mix(#000, $moroccan-moderne, 20%);
.element {
color: $moroccan-moderne;
box-shadow: 0 0 0 2px rgba($moroccan-moderne, 0.35);
}