色名 · #E7EEEC
Kiss Me Kate
Kiss Me Kateは#E7EEEC：rgb(231 238 236)、hsl(163 17% 92%)、oklch(0.943 0.008 177.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Kiss Me Kate color name →
#E7EEEC
oklch(0.943 0.008 177.3)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- E9F0EE
- ECF1F0
- EEF3F2
- F1F5F4
- F3F6F5
- F5F8F7
- F8FAF9
- FAFCFB
- FDFDFD
シェード
- C9CFCD
- ABB1AF
- 8F9392
- 737776
- 595C5B
- 404242
- 282A29
- 131413
- 030303
トーン
- DCE2E1
- D2D7D5
- C7CCCA
- BCC1BF
- B2B5B4
- A8AAAA
- 9EA09F
- 949595
- 8A8A8A
カラーハーモニー
補色 +180°
- E7EEEC
Kiss Me Kate
- F1EAEC
≈ Charolais Cattle
類似色 -30° +30°
- E7EEEC
Kiss Me Kate
- E9EEE9
≈ Gossamer Wings
- E7EEEF
≈ Brooklet
トライアド +120° +240°
- E7EEEC
Kiss Me Kate
- EDEBF1
≈ Bright Grey
- F1EBE7
≈ Fresh Dough
スプリットコンプリメンタリー +150° +210°
- E7EEEC
Kiss Me Kate
- EFEAEF
≈ Greek Goddess
- F1EAE9
≈ Charolais Cattle
テトラード +90° +180° +270°
- E7EEEC
Kiss Me Kate
- EAECF2
≈ Solitude
- F1EAEC
≈ Charolais Cattle
- EEECE6
≈ Commercial White
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.17:1 · APCA Lc 9
Ag
AAA黒の上
WCAG 17.83:1 · APCA Lc 96
最適な文字色: #000000
WCAG 17.83:1 (AAA) · APCA Lc 96
Contrast pairs
コードスニペット
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);
}