色名 · #DEDEE5
White Elephant
White Elephantは#DEDEE5：rgb(222 222 229)、hsl(240 12% 88%)、oklch(0.903 0.009 286.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · White Elephant color name →
#DEDEE5
oklch(0.903 0.009 286.2)
カラー変換
- HEX
- #dedee5
- RGB
- rgb(222 222 229)
- HSL
- hsl(240 12% 88%)
- HWB
- hwb(240 87% 10%)
- OKLCH
- oklch(0.903 0.009 286.2)
- OKLab
- oklab(0.903 0.003 -0.009)
- CIE Lab
- lab(88.62 0.95 -3.44)
- LCH
- lch(88.62 3.56 285.5)
- CMYK
- cmyk(3% 3% 0% 10%)
ティント · シェード · トーン
ティント
- E1E1E8
- E5E5EA
- E8E8ED
- EBEBEF
- EEEEF2
- F2F2F5
- F5F5F7
- F8F8FA
- FCFCFC
シェード
- C1C1C7
- A5A5AA
- 89898E
- 6F6F72
- 555558
- 3D3D3F
- 262628
- 121212
- 020203
トーン
- D4D4DA
- CACAD0
- C1C1C6
- B7B7BB
- AEAEB1
- A4A4A7
- 9B9B9D
- 929293
- 89898A
カラーハーモニー
補色 +180°
- DEDEE5
White Elephant
- DFDFD8
≈ Statuesque
類似色 -30° +30°
- DEDEE5
White Elephant
- DBDFE5
≈ Terminator Chrome
- E1DDE3
≈ February Frost
トライアド +120° +240°
- DEDEE5
White Elephant
- E5DDDA
≈ Crushed Peony
- D9E1DD
≈ Streetwise
スプリットコンプリメンタリー +150° +210°
- DEDEE5
White Elephant
- E2DED8
≈ Poetic Light
- DCE0DA
≈ Tinsmith
テトラード +90° +180° +270°
- DEDEE5
White Elephant
- E5DCDD
≈ Coquette
- DFDFD8
≈ Statuesque
- D8E1E1
≈ Divine Inspiration
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.33:1 · APCA Lc 17
Ag
AAA黒の上
WCAG 15.68:1 · APCA Lc 87
最適な文字色: #000000
WCAG 15.68:1 (AAA) · APCA Lc 87
Contrast pairs
コードスニペット
CSS
:root {
--white-elephant: #dedee5;
--white-elephant-rgb: 222 222 229;
--white-elephant-oklch: oklch(0.903 0.009 286.2);
}
.element {
color: var(--white-elephant);
background-color: hsl(240 12% 88%);
border-color: oklch(0.903 0.009 286.2);
}Tailwind CSS v4
@theme {
--color-white-elephant: #dedee5;
--color-white-elephant-50: #f5f5f8;
--color-white-elephant-100: #e7e7eb;
--color-white-elephant-200: #d4d4d8;
--color-white-elephant-300: #b7b7bc;
--color-white-elephant-400: #9e9ea4;
--color-white-elephant-500: #85858c;
--color-white-elephant-600: #717177;
--color-white-elephant-700: #5a5a5f;
--color-white-elephant-800: #424246;
--color-white-elephant-900: #2d2d30;
--color-white-elephant-950: #1a1a1c;
}SCSS
$white-elephant: #dedee5;
$white-elephant-rgb: 222, 222, 229;
$white-elephant-light: mix(#fff, $white-elephant, 20%);
$white-elephant-dark: mix(#000, $white-elephant, 20%);
.element {
color: $white-elephant;
box-shadow: 0 0 0 2px rgba($white-elephant, 0.35);
}