이름 색상 · #DBD5E6
Slaanesh Grey
Slaanesh Grey은(는) #DBD5E6: rgb(219 213 230), hsl(261 25% 87%), oklch(0.883 0.024 301.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Slaanesh Grey color name →
#DBD5E6
oklch(0.883 0.024 301.9)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- DFD9E9
- E2DDEB
- E6E1EE
- E9E6F0
- EDEAF3
- F0EEF5
- F4F2F8
- F8F7FA
- FBFBFD
셰이드
- BEB9C8
- A29EAB
- 87838E
- 6D6A73
- 545159
- 3C3A40
- 262428
- 111013
- 020203
톤
- D2CCDB
- C8C3D1
- BFBBC6
- B6B2BC
- ACAAB2
- A3A1A8
- 9A999D
- 919094
- 89888A
색 조화
보색 +180°
- DBD5E6
Slaanesh Grey
- D5DBCA
≈ Ottoman
유사색 -30° +30°
- DBD5E6
Slaanesh Grey
- D3D8E9
≈ Cheerful Whisper
- E2D3E0
≈ Soft Lilac
삼각 배색 +120° +240°
- DBD5E6
Slaanesh Grey
- E5D5C9
≈ Warp & Weft
- C8DED9
≈ Sunken Pool
분열 보색 +150° +210°
- DBD5E6
Slaanesh Grey
- DED8C7
≈ Salisbury Stone
- CDDDD1
≈ Luminous Mist
사각 배색 +90° +180° +270°
- DBD5E6
Slaanesh Grey
- E8D3CF
≈ Ash Cherry Blossom
- D5DBCA
≈ Ottoman
- C7DDE2
≈ Light Blue Sloth
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.43:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.67:1 · APCA Lc 83
가장 좋은 글자색: #000000
WCAG 14.67:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
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);
}