Warna bernama · #E7E7EB
Purple Crystal
Purple Crystal adalah #E7E7EB: rgb(231 231 235), hsl(240 9% 91%), oklch(0.929 0.005 286.3). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Purple Crystal color name →
#E7E7EB
oklch(0.929 0.005 286.3)
Konversi warna
- HEX
- #e7e7eb
- RGB
- rgb(231 231 235)
- HSL
- hsl(240 9% 91%)
- HWB
- hwb(240 91% 8%)
- OKLCH
- oklch(0.929 0.005 286.3)
- OKLab
- oklab(0.929 0.002 -0.005)
- CIE Lab
- lab(91.73 0.54 -1.95)
- LCH
- lch(91.73 2.02 285.4)
- CMYK
- cmyk(2% 2% 0% 8%)
Tint · Shade · Tone
Tint
- E9E9ED
- ECECEF
- EEEEF1
- F1F1F3
- F3F3F5
- F5F5F7
- F8F8F9
- FAFAFB
- FDFDFD
Shade
- C9C9CC
- ABABAE
- 8F8F91
- 737375
- 59595B
- 404041
- 282829
- 131313
- 030303
Tone
- DCDCE0
- D2D2D5
- C7C7CA
- BCBCBF
- B2B2B4
- A8A8A9
- 9E9E9F
- 949494
- 8A8A8A
Harmoni warna
Komplementer +180°
- E7E7EB
Purple Crystal
- E8E8E4
≈ Quartz Stone
Analog -30° +30°
- E7E7EB
Purple Crystal
- E5E8EB
≈ Snow Cloud
- E9E6EA
≈ Pixie Wing
Triadik +120° +240°
- E7E7EB
Purple Crystal
- EBE6E5
≈ Early Crocus
- E4E9E7
≈ Evening Mist
Split-komplementer +150° +210°
- E7E7EB
Purple Crystal
- EAE7E4
≈ Faded Grey
- E6E8E5
≈ Grey Wonder
Tetradik +90° +180° +270°
- E7E7EB
Purple Crystal
- EBE6E6
≈ Early Crocus
- E8E8E4
≈ Quartz Stone
- E4E9E9
≈ Evening Mist
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.23:1 · APCA Lc 12
Ag
AAADi atas hitam
WCAG 17.02:1 · APCA Lc 92
Warna teks terbaik: #000000
WCAG 17.02:1 (AAA) · APCA Lc 92
Contrast pairs
Cuplikan kode
CSS
:root {
--purple-crystal: #e7e7eb;
--purple-crystal-rgb: 231 231 235;
--purple-crystal-oklch: oklch(0.929 0.005 286.3);
}
.element {
color: var(--purple-crystal);
background-color: hsl(240 9% 91%);
border-color: oklch(0.929 0.005 286.3);
}Tailwind CSS v4
@theme {
--color-purple-crystal: #e7e7eb;
--color-purple-crystal-50: #f5f5f6;
--color-purple-crystal-100: #e8e7e9;
--color-purple-crystal-200: #d4d4d6;
--color-purple-crystal-300: #b7b7ba;
--color-purple-crystal-400: #9e9ea1;
--color-purple-crystal-500: #86868a;
--color-purple-crystal-600: #717174;
--color-purple-crystal-700: #5a5a5d;
--color-purple-crystal-800: #424244;
--color-purple-crystal-900: #2e2e2f;
--color-purple-crystal-950: #1a1a1c;
}SCSS
$purple-crystal: #e7e7eb;
$purple-crystal-rgb: 231, 231, 235;
$purple-crystal-light: mix(#fff, $purple-crystal, 20%);
$purple-crystal-dark: mix(#000, $purple-crystal, 20%);
.element {
color: $purple-crystal;
box-shadow: 0 0 0 2px rgba($purple-crystal, 0.35);
}