Nazwany kolor · #D8D3CF
Sleeping Inn
Sleeping Inn to #D8D3CF: rgb(216 211 207), hsl(27 10% 83%), oklch(0.87 0.008 61.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Sleeping Inn color name →
#D8D3CF
oklch(0.87 0.008 61.4)
Konwersje koloru
- HEX
- #d8d3cf
- RGB
- rgb(216 211 207)
- HSL
- hsl(27 10% 83%)
- HWB
- hwb(27 81% 15%)
- OKLCH
- oklch(0.87 0.008 61.4)
- OKLab
- oklab(0.87 0.004 0.007)
- CIE Lab
- lab(84.87 1.25 2.63)
- LCH
- lch(84.87 2.91 64.5)
- CMYK
- cmyk(0% 2% 4% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DCD7D4
- E0DCD8
- E4E0DD
- E7E4E2
- EBE9E7
- EFEDEC
- F3F2F0
- F7F6F5
- FBFBFA
Odcienie ciemniejsze
- BCB7B4
- A09C99
- 85827F
- 6B6967
- 53514F
- 3B3A38
- 252423
- 111010
- 020202
Tony
- CFCAC7
- C6C2BF
- BDB9B7
- B4B1AF
- ABA9A7
- A2A09F
- 9A9897
- 91908F
- 888888
Harmonie kolorów
Komplementarna +180°
- D8D3CF
Sleeping Inn
- D0D5D9
≈ Satin White
Analogowa -30° +30°
- D8D3CF
Sleeping Inn
- D9D2D1
≈ Balanced
- D6D4CE
≈ Slow Perch
Triada +120° +240°
- D8D3CF
Sleeping Inn
- CFD6D4
≈ Serenely
- D5D3D8
≈ Etude Lilac
Komplementarna rozszczepiona +150° +210°
- D8D3CF
Sleeping Inn
- CFD6D7
≈ Veiled Spotlight
- D2D4D9
≈ Sparkling Frost
Tetrada +90° +180° +270°
- D8D3CF
Sleeping Inn
- D1D6D1
≈ Foggy Dew
- D0D5D9
≈ Satin White
- D7D2D6
≈ Etude Lilac
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.48:1 · APCA Lc 23
Ag
AAANa czerni
WCAG 14.13:1 · APCA Lc 80
Najlepszy kolor tekstu: #000000
WCAG 14.13:1 (AAA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--sleeping-inn: #d8d3cf;
--sleeping-inn-rgb: 216 211 207;
--sleeping-inn-oklch: oklch(0.87 0.008 61.4);
}
.element {
color: var(--sleeping-inn);
background-color: hsl(27 10% 83%);
border-color: oklch(0.87 0.008 61.4);
}Tailwind CSS v4
@theme {
--color-sleeping-inn: #d8d3cf;
--color-sleeping-inn-50: #f7f5f3;
--color-sleeping-inn-100: #eae7e5;
--color-sleeping-inn-200: #d7d3d1;
--color-sleeping-inn-300: #bab7b3;
--color-sleeping-inn-400: #a29d9a;
--color-sleeping-inn-500: #8a8581;
--color-sleeping-inn-600: #75716d;
--color-sleeping-inn-700: #5d5a57;
--color-sleeping-inn-800: #444240;
--color-sleeping-inn-900: #2f2d2c;
--color-sleeping-inn-950: #1c1a19;
}SCSS
$sleeping-inn: #d8d3cf;
$sleeping-inn-rgb: 216, 211, 207;
$sleeping-inn-light: mix(#fff, $sleeping-inn, 20%);
$sleeping-inn-dark: mix(#000, $sleeping-inn, 20%);
.element {
color: $sleeping-inn;
box-shadow: 0 0 0 2px rgba($sleeping-inn, 0.35);
}