Nazwany kolor · #96A5B8
Moon Shadow
Moon Shadow to #96A5B8: rgb(150 165 184), hsl(214 19% 65%), oklch(0.716 0.033 254.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Moon Shadow color name →
#96A5B8
oklch(0.716 0.033 254.4)
Konwersje koloru
- HEX
- #96a5b8
- RGB
- rgb(150 165 184)
- HSL
- hsl(214 19% 65%)
- HWB
- hwb(214 59% 28%)
- OKLCH
- oklch(0.716 0.033 254.4)
- OKLab
- oklab(0.716 -0.009 -0.031)
- CIE Lab
- lab(67.03 -2.4 -11.72)
- LCH
- lch(67.03 11.96 258.4)
- CMYK
- cmyk(18% 10% 0% 28%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A0AEBF
- AAB6C6
- B5BFCD
- BFC8D4
- C9D1DB
- D4DAE2
- DFE3E9
- E9ECF1
- F4F6F8
Odcienie ciemniejsze
- 828FA0
- 6E7988
- 5B6571
- 49515B
- 373D45
- 262B31
- 161A1E
- 080A0C
- 010102
Tony
- 94A1B2
- 929EAD
- 8F9AA7
- 8D96A1
- 8B929C
- 898F96
- 878B91
- 84878B
- 828485
Harmonie kolorów
Komplementarna +180°
- 96A5B8
Moon Shadow
- B0A18E
≈ Sierra Sand
Analogowa -30° +30°
- 96A5B8
Moon Shadow
- 8EA8B3
≈ Pewter Blue
- A1A1B8
≈ Royal Mile
Triada +120° +240°
- 96A5B8
Moon Shadow
- B79C9D
≈ Violet Dusk
- 9BA894
≈ Green Amazons
Komplementarna rozszczepiona +150° +210°
- 96A5B8
Moon Shadow
- B69E93
≈ Big Horn Mountains
- A6A58E
≈ Frosty Cedar
Tetrada +90° +180° +270°
- 96A5B8
Moon Shadow
- B39CA8
≈ Play Time
- B0A18E
≈ Sierra Sand
- 92AA9E
≈ Melville
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.50:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.37:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.37:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
CSS
:root {
--moon-shadow: #96a5b8;
--moon-shadow-rgb: 150 165 184;
--moon-shadow-oklch: oklch(0.716 0.033 254.4);
}
.element {
color: var(--moon-shadow);
background-color: hsl(214 19% 65%);
border-color: oklch(0.716 0.033 254.4);
}Tailwind CSS v4
@theme {
--color-moon-shadow: #96a5b8;
--color-moon-shadow-50: #eff6ff;
--color-moon-shadow-100: #e1e9f3;
--color-moon-shadow-200: #cbd5e2;
--color-moon-shadow-300: #adb8c8;
--color-moon-shadow-400: #92a0b2;
--color-moon-shadow-500: #78889c;
--color-moon-shadow-600: #657384;
--color-moon-shadow-700: #515c6a;
--color-moon-shadow-800: #3a434e;
--color-moon-shadow-900: #282e36;
--color-moon-shadow-950: #161b21;
}SCSS
$moon-shadow: #96a5b8;
$moon-shadow-rgb: 150, 165, 184;
$moon-shadow-light: mix(#fff, $moon-shadow, 20%);
$moon-shadow-dark: mix(#000, $moon-shadow, 20%);
.element {
color: $moon-shadow;
box-shadow: 0 0 0 2px rgba($moon-shadow, 0.35);
}