最も近い色名 · #ECE9EC
#ECE9EC
最も近い色名: Sheikh White
#ECE9EC（rgb(236 233 236)、hsl(300 7% 92%)、oklch(0.937 0.005 325.6)）に最も近い色名はSheikh Whiteです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#ECE9EC
oklch(0.937 0.005 325.6)
カラー変換
- HEX
- #ece9ec
- RGB
- rgb(236 233 236)
- HSL
- hsl(300 7% 92%)
- HWB
- hwb(300 91% 7%)
- OKLCH
- oklch(0.937 0.005 325.6)
- OKLab
- oklab(0.937 0.004 -0.003)
- CIE Lab
- lab(92.65 1.44 -1.08)
- LCH
- lch(92.65 1.8 323)
- CMYK
- cmyk(0% 1% 0% 7%)
ティント · シェード · トーン
ティント
- EEEBEE
- F0EDF0
- F2F0F2
- F4F2F4
- F5F4F5
- F7F6F7
- F9F8F9
- FBFBFB
- FDFDFD
シェード
- CDCBCD
- AFADAF
- 929092
- 767476
- 5B5A5B
- 424142
- 292929
- 131313
- 030303
トーン
- E1DEE1
- D5D3D5
- CAC8CA
- BFBEBF
- B4B3B4
- AAA9AA
- 9F9E9F
- 959495
- 8A8A8A
カラーハーモニー
補色 +180°
- ECE9EC
Sheikh White
- E8EBE8
≈ Windy Sky
類似色 -30° +30°
- ECE9EC
Sheikh White
- EAE9ED
≈ Dried Lavender
- EDE9EA
≈ Poplar Kitten
トライアド +120° +240°
- ECE9EC
Sheikh White
- ECEAE6
≈ Chalk
- E6EBEC
≈ Blizzard
スプリットコンプリメンタリー +150° +210°
- ECE9EC
Sheikh White
- EAEBE7
≈ Ceiling Bright White
- E7EBEA
≈ Superwhite
テトラード +90° +180° +270°
- ECE9EC
Sheikh White
- EDE9E7
≈ Timeless Day
- E8EBE8
≈ Windy Sky
- E7EBED
≈ Blizzard
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.20:1 · APCA Lc 10
Ag
AAA黒の上
WCAG 17.43:1 · APCA Lc 94
最適な文字色: #000000
WCAG 17.43:1 (AAA) · APCA Lc 94
Contrast pairs
コードスニペット
CSS
:root {
--sheikh-white: #ece9ec;
--sheikh-white-rgb: 236 233 236;
--sheikh-white-oklch: oklch(0.937 0.005 325.6);
}
.element {
color: var(--sheikh-white);
background-color: hsl(300 7% 92%);
border-color: oklch(0.937 0.005 325.6);
}Tailwind CSS v4
@theme {
--color-sheikh-white: #ece9ec;
--color-sheikh-white-50: #f6f4f6;
--color-sheikh-white-100: #e9e7e9;
--color-sheikh-white-200: #d5d3d5;
--color-sheikh-white-300: #b9b6b9;
--color-sheikh-white-400: #a09da0;
--color-sheikh-white-500: #888588;
--color-sheikh-white-600: #737173;
--color-sheikh-white-700: #5c5a5c;
--color-sheikh-white-800: #434243;
--color-sheikh-white-900: #2e2d2e;
--color-sheikh-white-950: #1b1a1b;
}SCSS
$sheikh-white: #ece9ec;
$sheikh-white-rgb: 236, 233, 236;
$sheikh-white-light: mix(#fff, $sheikh-white, 20%);
$sheikh-white-dark: mix(#000, $sheikh-white, 20%);
.element {
color: $sheikh-white;
box-shadow: 0 0 0 2px rgba($sheikh-white, 0.35);
}