Nazwany kolor · #DBD5E6
Slaanesh Grey
Slaanesh Grey to #DBD5E6: rgb(219 213 230), hsl(261 25% 87%), oklch(0.883 0.024 301.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Slaanesh Grey color name →
#DBD5E6
oklch(0.883 0.024 301.9)
Konwersje koloru
- HEX
- #dbd5e6
- RGB
- rgb(219 213 230)
- HSL
- hsl(261 25% 87%)
- HWB
- hwb(261 84% 10%)
- OKLCH
- oklch(0.883 0.024 301.9)
- OKLab
- oklab(0.883 0.013 -0.02)
- CIE Lab
- lab(86.14 4.45 -7.62)
- LCH
- lch(86.14 8.83 300.3)
- CMYK
- cmyk(5% 7% 0% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DFD9E9
- E2DDEB
- E6E1EE
- E9E6F0
- EDEAF3
- F0EEF5
- F4F2F8
- F8F7FA
- FBFBFD
Odcienie ciemniejsze
- BEB9C8
- A29EAB
- 87838E
- 6D6A73
- 545159
- 3C3A40
- 262428
- 111013
- 020203
Tony
- D2CCDB
- C8C3D1
- BFBBC6
- B6B2BC
- ACAAB2
- A3A1A8
- 9A999D
- 919094
- 89888A
Harmonie kolorów
Komplementarna +180°
- DBD5E6
Slaanesh Grey
- D5DBCA
≈ Ottoman
Analogowa -30° +30°
- DBD5E6
Slaanesh Grey
- D3D8E9
≈ Cheerful Whisper
- E2D3E0
≈ Soft Lilac
Triada +120° +240°
- DBD5E6
Slaanesh Grey
- E5D5C9
≈ Warp & Weft
- C8DED9
≈ Sunken Pool
Komplementarna rozszczepiona +150° +210°
- DBD5E6
Slaanesh Grey
- DED8C7
≈ Salisbury Stone
- CDDDD1
≈ Luminous Mist
Tetrada +90° +180° +270°
- DBD5E6
Slaanesh Grey
- E8D3CF
≈ Ash Cherry Blossom
- D5DBCA
≈ Ottoman
- C7DDE2
≈ Light Blue Sloth
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.43:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.67:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.67:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--slaanesh-grey: #dbd5e6;
--slaanesh-grey-rgb: 219 213 230;
--slaanesh-grey-oklch: oklch(0.883 0.024 301.9);
}
.element {
color: var(--slaanesh-grey);
background-color: hsl(261 25% 87%);
border-color: oklch(0.883 0.024 301.9);
}Tailwind CSS v4
@theme {
--color-slaanesh-grey: #dbd5e6;
--color-slaanesh-grey-50: #f6f4fb;
--color-slaanesh-grey-100: #e9e6ef;
--color-slaanesh-grey-200: #d6d2dd;
--color-slaanesh-grey-300: #bab5c2;
--color-slaanesh-grey-400: #a19bab;
--color-slaanesh-grey-500: #898394;
--color-slaanesh-grey-600: #746f7d;
--color-slaanesh-grey-700: #5d5864;
--color-slaanesh-grey-800: #43414a;
--color-slaanesh-grey-900: #2f2d33;
--color-slaanesh-grey-950: #1b1a1f;
}SCSS
$slaanesh-grey: #dbd5e6;
$slaanesh-grey-rgb: 219, 213, 230;
$slaanesh-grey-light: mix(#fff, $slaanesh-grey, 20%);
$slaanesh-grey-dark: mix(#000, $slaanesh-grey, 20%);
.element {
color: $slaanesh-grey;
box-shadow: 0 0 0 2px rgba($slaanesh-grey, 0.35);
}