Nazwany kolor · #D9D7C9
Silver Moon
Silver Moon to #D9D7C9: rgb(217 215 201), hsl(53 17% 82%), oklch(0.877 0.019 100.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Silver Moon color name →
#D9D7C9
oklch(0.877 0.019 100.2)
Konwersje koloru
- HEX
- #d9d7c9
- RGB
- rgb(217 215 201)
- HSL
- hsl(53 17% 82%)
- HWB
- hwb(53 79% 15%)
- OKLCH
- oklch(0.877 0.019 100.2)
- OKLab
- oklab(0.877 -0.003 0.019)
- CIE Lab
- lab(85.85 -1.1 7.19)
- LCH
- lch(85.85 7.27 98.7)
- CMYK
- cmyk(0% 1% 7% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DDDBCE
- E1DFD4
- E4E3D9
- E8E7DE
- ECEBE4
- F0EFE9
- F3F3EF
- F7F7F4
- FBFBFA
Odcienie ciemniejsze
- BCBBAE
- A19F95
- 86857C
- 6C6B64
- 53524C
- 3B3B36
- 252522
- 11110F
- 020202
Tony
- D0CEC1
- C7C5BA
- BDBCB3
- B4B3AB
- ABAAA4
- A3A29D
- 9A9995
- 91918E
- 888887
Harmonie kolorów
Komplementarna +180°
- D9D7C9
Silver Moon
- D4D5E3
≈ Hint of Violet
Analogowa -30° +30°
- D9D7C9
Silver Moon
- DFD5C9
≈ Casual Elegance
- D2D9CC
≈ Light Gentle Calm
Triada +120° +240°
- D9D7C9
Silver Moon
- CADADF
≈ Sky Light View
- E0D2DA
≈ Mauve Aquarelle
Komplementarna rozszczepiona +150° +210°
- D9D7C9
Silver Moon
- CDD8E3
≈ Arctic Air
- DAD3E0
≈ Spun Moonbeams
Tetrada +90° +180° +270°
- D9D7C9
Silver Moon
- C9DBD9
≈ Julep Green
- D4D5E3
≈ Hint of Violet
- E3D2D3
≈ Secret Blush
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.44:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.51:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.51:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--silver-moon: #d9d7c9;
--silver-moon-rgb: 217 215 201;
--silver-moon-oklch: oklch(0.877 0.019 100.2);
}
.element {
color: var(--silver-moon);
background-color: hsl(53 17% 82%);
border-color: oklch(0.877 0.019 100.2);
}Tailwind CSS v4
@theme {
--color-silver-moon: #d9d7c9;
--color-silver-moon-50: #f6f5ef;
--color-silver-moon-100: #e9e8e1;
--color-silver-moon-200: #d6d5cc;
--color-silver-moon-300: #b9b8ad;
--color-silver-moon-400: #a19f92;
--color-silver-moon-500: #898778;
--color-silver-moon-600: #747266;
--color-silver-moon-700: #5d5b52;
--color-silver-moon-800: #44433b;
--color-silver-moon-900: #2f2e29;
--color-silver-moon-950: #1b1b16;
}SCSS
$silver-moon: #d9d7c9;
$silver-moon-rgb: 217, 215, 201;
$silver-moon-light: mix(#fff, $silver-moon, 20%);
$silver-moon-dark: mix(#000, $silver-moon, 20%);
.element {
color: $silver-moon;
box-shadow: 0 0 0 2px rgba($silver-moon, 0.35);
}