色名 · #DEDDDB
Spatial White
Spatial Whiteは#DEDDDB：rgb(222 221 219)、hsl(40 4% 86%)、oklch(0.898 0.003 84.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Spatial White color name →
#DEDDDB
oklch(0.898 0.003 84.6)
カラー変換
- HEX
- #dedddb
- RGB
- rgb(222 221 219)
- HSL
- hsl(40 4% 86%)
- HWB
- hwb(40 86% 13%)
- OKLCH
- oklch(0.898 0.003 84.6)
- OKLab
- oklab(0.898 0 0.003)
- CIE Lab
- lab(88.15 0.09 1.11)
- LCH
- lch(88.15 1.11 85.6)
- CMYK
- cmyk(0% 0% 1% 13%)
ティント · シェード · トーン
ティント
- E1E0DF
- E5E4E2
- E8E7E6
- EBEAE9
- EEEEED
- F2F1F0
- F5F5F4
- F8F8F8
- FCFCFB
シェード
- C1C0BE
- A5A4A2
- 898887
- 6F6E6D
- 555554
- 3D3D3C
- 262626
- 121111
- 020202
トーン
- D4D3D2
- CACAC8
- C1C0BF
- B7B7B6
- AEADAC
- A4A4A3
- 9B9B9A
- 929291
- 898989
カラーハーモニー
補色 +180°
- DEDDDB
Spatial White
- DCDDDF
≈ Script White
類似色 -30° +30°
- DEDDDB
Spatial White
- DFDDDB
≈ Spatial White
- DDDDDB
≈ Spatial White
トライアド +120° +240°
- DEDDDB
Spatial White
- DBDEDE
≈ Silver Sand
- DEDCDE
≈ White-Collar
スプリットコンプリメンタリー +150° +210°
- DEDDDB
Spatial White
- DBDDDF
≈ Script White
- DDDDDF
≈ Script White
テトラード +90° +180° +270°
- DEDDDB
Spatial White
- DBDEDD
≈ Silver Sand
- DCDDDF
≈ Script White
- DFDCDD
≈ Discreet White
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.35:1 · APCA Lc 18
Ag
AAA黒の上
WCAG 15.47:1 · APCA Lc 86
最適な文字色: #000000
WCAG 15.47:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
CSS
:root {
--spatial-white: #dedddb;
--spatial-white-rgb: 222 221 219;
--spatial-white-oklch: oklch(0.898 0.003 84.6);
}
.element {
color: var(--spatial-white);
background-color: hsl(40 4% 86%);
border-color: oklch(0.898 0.003 84.6);
}Tailwind CSS v4
@theme {
--color-spatial-white: #dedddb;
--color-spatial-white-50: #f5f5f4;
--color-spatial-white-100: #e8e8e7;
--color-spatial-white-200: #d5d4d3;
--color-spatial-white-300: #b8b7b6;
--color-spatial-white-400: #9f9e9c;
--color-spatial-white-500: #878684;
--color-spatial-white-600: #727170;
--color-spatial-white-700: #5b5b59;
--color-spatial-white-800: #434241;
--color-spatial-white-900: #2e2e2d;
--color-spatial-white-950: #1b1a1a;
}SCSS
$spatial-white: #dedddb;
$spatial-white-rgb: 222, 221, 219;
$spatial-white-light: mix(#fff, $spatial-white, 20%);
$spatial-white-dark: mix(#000, $spatial-white, 20%);
.element {
color: $spatial-white;
box-shadow: 0 0 0 2px rgba($spatial-white, 0.35);
}