Nazwany kolor · #D3D8D8
Solemn Silence
Solemn Silence to #D3D8D8: rgb(211 216 216), hsl(180 6% 84%), oklch(0.878 0.005 197.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Solemn Silence color name →
#D3D8D8
oklch(0.878 0.005 197.1)
Konwersje koloru
- HEX
- #d3d8d8
- RGB
- rgb(211 216 216)
- HSL
- hsl(180 6% 84%)
- HWB
- hwb(180 83% 15%)
- OKLCH
- oklch(0.878 0.005 197.1)
- OKLab
- oklab(0.878 -0.005 -0.002)
- CIE Lab
- lab(85.95 -1.76 -0.62)
- LCH
- lch(85.95 1.86 199.6)
- CMYK
- cmyk(2% 0% 0% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D7DCDC
- DCE0E0
- E0E4E4
- E4E7E7
- E9EBEB
- EDEFEF
- F2F3F3
- F6F7F7
- FBFBFB
Odcienie ciemniejsze
- B7BCBC
- 9CA0A0
- 828585
- 696B6B
- 515353
- 3A3B3B
- 242525
- 101111
- 020202
Tony
- CACFCF
- C2C6C6
- B9BDBD
- B1B4B4
- A9ABAB
- A0A2A2
- 989999
- 909191
- 888888
Harmonie kolorów
Komplementarna +180°
- D3D8D8
Solemn Silence
- DAD5D5
≈ So Shy
Analogowa -30° +30°
- D3D8D8
Solemn Silence
- D4D8D6
≈ Olympus White
- D3D8DA
≈ Snow Quartz
Triada +120° +240°
- D3D8D8
Solemn Silence
- D8D6D9
≈ Desired Dawn
- D9D6D3
≈ Coffee Bag
Komplementarna rozszczepiona +150° +210°
- D3D8D8
Solemn Silence
- DAD5D7
≈ So Shy
- DAD6D4
≈ Coffee Bag
Tetrada +90° +180° +270°
- D3D8D8
Solemn Silence
- D6D6DA
≈ Limestone Mauve
- DAD5D5
≈ So Shy
- D7D7D3
≈ Cloudy
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.43:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.58:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.58:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--solemn-silence: #d3d8d8;
--solemn-silence-rgb: 211 216 216;
--solemn-silence-oklch: oklch(0.878 0.005 197.1);
}
.element {
color: var(--solemn-silence);
background-color: hsl(180 6% 84%);
border-color: oklch(0.878 0.005 197.1);
}Tailwind CSS v4
@theme {
--color-solemn-silence: #d3d8d8;
--color-solemn-silence-50: #f3f5f6;
--color-solemn-silence-100: #e6e8e8;
--color-solemn-silence-200: #d2d5d5;
--color-solemn-silence-300: #b4b8b8;
--color-solemn-silence-400: #9b9f9f;
--color-solemn-silence-500: #828787;
--color-solemn-silence-600: #6e7272;
--color-solemn-silence-700: #585c5c;
--color-solemn-silence-800: #404343;
--color-solemn-silence-900: #2c2e2e;
--color-solemn-silence-950: #191b1b;
}SCSS
$solemn-silence: #d3d8d8;
$solemn-silence-rgb: 211, 216, 216;
$solemn-silence-light: mix(#fff, $solemn-silence, 20%);
$solemn-silence-dark: mix(#000, $solemn-silence, 20%);
.element {
color: $solemn-silence;
box-shadow: 0 0 0 2px rgba($solemn-silence, 0.35);
}