色名 · #DAE6EF
Space Wolves Grey
Space Wolves Greyは#DAE6EF：rgb(218 230 239)、hsl(206 40% 90%)、oklch(0.919 0.018 240)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Space Wolves Grey color name →
#DAE6EF
oklch(0.919 0.018 240)
カラー変換
- HEX
- #dae6ef
- RGB
- rgb(218 230 239)
- HSL
- hsl(206 40% 90%)
- HWB
- hwb(206 85% 6%)
- OKLCH
- oklch(0.919 0.018 240)
- OKLab
- oklab(0.919 -0.009 -0.015)
- CIE Lab
- lab(90.58 -2.86 -5.84)
- LCH
- lch(90.58 6.51 243.9)
- CMYK
- cmyk(9% 4% 0% 6%)
ティント · シェード · トーン
ティント
- DEE8F1
- E1EBF2
- E5EDF4
- E9F0F5
- ECF2F7
- F0F5F9
- F4F7FA
- F8FAFC
- FBFCFD
シェード
- BDC8D0
- A2ABB1
- 878E94
- 6C7378
- 54595C
- 3C4042
- 25282A
- 111314
- 020303
トーン
- D1DBE3
- C7D1D8
- BEC6CC
- B5BCC1
- ACB2B6
- A3A7AB
- 9A9DA0
- 919495
- 898A8B
カラーハーモニー
補色 +180°
- DAE6EF
Space Wolves Grey
- EDE2D9
≈ Merlin’s Beard
類似色 -30° +30°
- DAE6EF
Space Wolves Grey
- D7E8EB
≈ Soft Blue White
- DFE4F0
≈ Iris Ice
トライアド +120° +240°
- DAE6EF
Space Wolves Grey
- EFDFE3
≈ Roselle
- E2E6D9
≈ Lincolnshire Sausage
スプリットコンプリメンタリー +150° +210°
- DAE6EF
Space Wolves Grey
- F0E0DD
≈ White Russian
- E9E4D7
≈ Dry Sand
テトラード +90° +180° +270°
- DAE6EF
Space Wolves Grey
- EBE0EA
≈ Angora Pink
- EDE2D9
≈ Merlin’s Beard
- DCE8DE
≈ Spearmint Scent
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.26:1 · APCA Lc 13
Ag
AAA黒の上
WCAG 16.54:1 · APCA Lc 91
最適な文字色: #000000
WCAG 16.54:1 (AAA) · APCA Lc 91
Contrast pairs
コードスニペット
CSS
:root {
--space-wolves-grey: #dae6ef;
--space-wolves-grey-rgb: 218 230 239;
--space-wolves-grey-oklch: oklch(0.919 0.018 240);
}
.element {
color: var(--space-wolves-grey);
background-color: hsl(206 40% 90%);
border-color: oklch(0.919 0.018 240);
}Tailwind CSS v4
@theme {
--color-space-wolves-grey: #dae6ef;
--color-space-wolves-grey-50: #f1f6fa;
--color-space-wolves-grey-100: #e3e9ed;
--color-space-wolves-grey-200: #ced5db;
--color-space-wolves-grey-300: #b0b9c0;
--color-space-wolves-grey-400: #95a0a8;
--color-space-wolves-grey-500: #7c8891;
--color-space-wolves-grey-600: #69737b;
--color-space-wolves-grey-700: #545c62;
--color-space-wolves-grey-800: #3d4348;
--color-space-wolves-grey-900: #2a2f32;
--color-space-wolves-grey-950: #171b1e;
}SCSS
$space-wolves-grey: #dae6ef;
$space-wolves-grey-rgb: 218, 230, 239;
$space-wolves-grey-light: mix(#fff, $space-wolves-grey, 20%);
$space-wolves-grey-dark: mix(#000, $space-wolves-grey, 20%);
.element {
color: $space-wolves-grey;
box-shadow: 0 0 0 2px rgba($space-wolves-grey, 0.35);
}