Warna bernama · #DEDEE5
White Elephant
White Elephant adalah #DEDEE5: rgb(222 222 229), hsl(240 12% 88%), oklch(0.903 0.009 286.2). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · White Elephant color name →
#DEDEE5
oklch(0.903 0.009 286.2)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- E1E1E8
- E5E5EA
- E8E8ED
- EBEBEF
- EEEEF2
- F2F2F5
- F5F5F7
- F8F8FA
- FCFCFC
Shade
- C1C1C7
- A5A5AA
- 89898E
- 6F6F72
- 555558
- 3D3D3F
- 262628
- 121212
- 020203
Tone
- D4D4DA
- CACAD0
- C1C1C6
- B7B7BB
- AEAEB1
- A4A4A7
- 9B9B9D
- 929293
- 89898A
Harmoni warna
Komplementer +180°
- DEDEE5
White Elephant
- DFDFD8
≈ Statuesque
Analog -30° +30°
- DEDEE5
White Elephant
- DBDFE5
≈ Terminator Chrome
- E1DDE3
≈ February Frost
Triadik +120° +240°
- DEDEE5
White Elephant
- E5DDDA
≈ Crushed Peony
- D9E1DD
≈ Streetwise
Split-komplementer +150° +210°
- DEDEE5
White Elephant
- E2DED8
≈ Poetic Light
- DCE0DA
≈ Tinsmith
Tetradik +90° +180° +270°
- DEDEE5
White Elephant
- E5DCDD
≈ Coquette
- DFDFD8
≈ Statuesque
- D8E1E1
≈ Divine Inspiration
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.33:1 · APCA Lc 17
Ag
AAADi atas hitam
WCAG 15.68:1 · APCA Lc 87
Warna teks terbaik: #000000
WCAG 15.68:1 (AAA) · APCA Lc 87
Contrast pairs
Cuplikan kode
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);
}