Warna bernama · #E7EEEC
Kiss Me Kate
Kiss Me Kate adalah #E7EEEC: rgb(231 238 236), hsl(163 17% 92%), oklch(0.943 0.008 177.3). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Kiss Me Kate color name →
#E7EEEC
oklch(0.943 0.008 177.3)
Konversi warna
- HEX
- #e7eeec
- RGB
- rgb(231 238 236)
- HSL
- hsl(163 17% 92%)
- HWB
- hwb(163 91% 7%)
- OKLCH
- oklch(0.943 0.008 177.3)
- OKLab
- oklab(0.943 -0.008 0)
- CIE Lab
- lab(93.52 -2.68 0.12)
- LCH
- lch(93.52 2.68 177.5)
- CMYK
- cmyk(3% 0% 1% 7%)
Tint · Shade · Tone
Tint
- E9F0EE
- ECF1F0
- EEF3F2
- F1F5F4
- F3F6F5
- F5F8F7
- F8FAF9
- FAFCFB
- FDFDFD
Shade
- C9CFCD
- ABB1AF
- 8F9392
- 737776
- 595C5B
- 404242
- 282A29
- 131413
- 030303
Tone
- DCE2E1
- D2D7D5
- C7CCCA
- BCC1BF
- B2B5B4
- A8AAAA
- 9EA09F
- 949595
- 8A8A8A
Harmoni warna
Komplementer +180°
- E7EEEC
Kiss Me Kate
- F1EAEC
≈ Charolais Cattle
Analog -30° +30°
- E7EEEC
Kiss Me Kate
- E9EEE9
≈ Gossamer Wings
- E7EEEF
≈ Brooklet
Triadik +120° +240°
- E7EEEC
Kiss Me Kate
- EDEBF1
≈ Bright Grey
- F1EBE7
≈ Fresh Dough
Split-komplementer +150° +210°
- E7EEEC
Kiss Me Kate
- EFEAEF
≈ Greek Goddess
- F1EAE9
≈ Charolais Cattle
Tetradik +90° +180° +270°
- E7EEEC
Kiss Me Kate
- EAECF2
≈ Solitude
- F1EAEC
≈ Charolais Cattle
- EEECE6
≈ Commercial White
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.17:1 · APCA Lc 9
Ag
AAADi atas hitam
WCAG 17.83:1 · APCA Lc 96
Warna teks terbaik: #000000
WCAG 17.83:1 (AAA) · APCA Lc 96
Contrast pairs
Cuplikan kode
CSS
:root {
--kiss-me-kate: #e7eeec;
--kiss-me-kate-rgb: 231 238 236;
--kiss-me-kate-oklch: oklch(0.943 0.008 177.3);
}
.element {
color: var(--kiss-me-kate);
background-color: hsl(163 17% 92%);
border-color: oklch(0.943 0.008 177.3);
}Tailwind CSS v4
@theme {
--color-kiss-me-kate: #e7eeec;
--color-kiss-me-kate-50: #f3f6f5;
--color-kiss-me-kate-100: #e5e9e8;
--color-kiss-me-kate-200: #d1d5d4;
--color-kiss-me-kate-300: #b3b9b7;
--color-kiss-me-kate-400: #9aa09e;
--color-kiss-me-kate-500: #818886;
--color-kiss-me-kate-600: #6d7371;
--color-kiss-me-kate-700: #575c5b;
--color-kiss-me-kate-800: #404342;
--color-kiss-me-kate-900: #2c2e2e;
--color-kiss-me-kate-950: #191b1a;
}SCSS
$kiss-me-kate: #e7eeec;
$kiss-me-kate-rgb: 231, 238, 236;
$kiss-me-kate-light: mix(#fff, $kiss-me-kate, 20%);
$kiss-me-kate-dark: mix(#000, $kiss-me-kate, 20%);
.element {
color: $kiss-me-kate;
box-shadow: 0 0 0 2px rgba($kiss-me-kate, 0.35);
}