Nazwany kolor · #BCD1C7
Moon Glass
Moon Glass to #BCD1C7: rgb(188 209 199), hsl(151 19% 78%), oklch(0.842 0.026 165.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Moon Glass color name →
#BCD1C7
oklch(0.842 0.026 165.5)
Konwersje koloru
- HEX
- #bcd1c7
- RGB
- rgb(188 209 199)
- HSL
- hsl(151 19% 78%)
- HWB
- hwb(151 74% 18%)
- OKLCH
- oklch(0.842 0.026 165.5)
- OKLab
- oklab(0.842 -0.026 0.007)
- CIE Lab
- lab(82.03 -8.76 2.44)
- LCH
- lch(82.03 9.1 164.4)
- CMYK
- cmyk(10% 0% 5% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C3D6CC
- C9DAD2
- D0DFD8
- D7E3DD
- DDE8E3
- E4ECE8
- EBF1EE
- F1F6F4
- F8FAF9
Odcienie ciemniejsze
- A3B5AD
- 8B9B93
- 73817A
- 5D6862
- 47504C
- 323936
- 1F2321
- 0D100E
- 020202
Tony
- B6C9C0
- B0C0B8
- AAB8B1
- A4B0AA
- 9EA8A3
- 98A09C
- 929895
- 8C908E
- 868887
Harmonie kolorów
Komplementarna +180°
- BCD1C7
Moon Glass
- D9C5CF
≈ Mauve Organdie
Analogowa -30° +30°
- BCD1C7
Moon Glass
- C4CFBE
≈ Gentle Calm
- B8D1D1
≈ Lakeside Find
Triada +120° +240°
- BCD1C7
Moon Glass
- C9C9DC
≈ Gregorio Garden
- DBC6BD
≈ Shell
Komplementarna rozszczepiona +150° +210°
- BCD1C7
Moon Glass
- D2C6D7
≈ Tender Touch
- DCC5C5
≈ Fairview Taupe
Tetrada +90° +180° +270°
- BCD1C7
Moon Glass
- C0CCDD
≈ Icy Brook
- D9C5CF
≈ Mauve Organdie
- D6C9B9
≈ Sandshell
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.60:1 · APCA Lc 27
Ag
AAANa czerni
WCAG 13.08:1 · APCA Lc 76
Najlepszy kolor tekstu: #000000
WCAG 13.08:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--moon-glass: #bcd1c7;
--moon-glass-rgb: 188 209 199;
--moon-glass-oklch: oklch(0.842 0.026 165.5);
}
.element {
color: var(--moon-glass);
background-color: hsl(151 19% 78%);
border-color: oklch(0.842 0.026 165.5);
}Tailwind CSS v4
@theme {
--color-moon-glass: #bcd1c7;
--color-moon-glass-50: #eef8f3;
--color-moon-glass-100: #e0ebe6;
--color-moon-glass-200: #cad8d2;
--color-moon-glass-300: #abbcb5;
--color-moon-glass-400: #91a49b;
--color-moon-glass-500: #768c82;
--color-moon-glass-600: #64766e;
--color-moon-glass-700: #505f58;
--color-moon-glass-800: #3a4540;
--color-moon-glass-900: #28302c;
--color-moon-glass-950: #161c19;
}SCSS
$moon-glass: #bcd1c7;
$moon-glass-rgb: 188, 209, 199;
$moon-glass-light: mix(#fff, $moon-glass, 20%);
$moon-glass-dark: mix(#000, $moon-glass, 20%);
.element {
color: $moon-glass;
box-shadow: 0 0 0 2px rgba($moon-glass, 0.35);
}