最も近い色名 · #EEE6F1
#EEE6F1
最も近い色名: Bubble Bath
#EEE6F1（rgb(238 230 241)、hsl(284 28% 92%)、oklch(0.934 0.017 316.9)）に最も近い色名はBubble Bathです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#EEE6F1
oklch(0.934 0.017 316.9)
カラー変換
- HEX
- #eee6f1
- RGB
- rgb(238 230 241)
- HSL
- hsl(284 28% 92%)
- HWB
- hwb(284 90% 5%)
- OKLCH
- oklch(0.934 0.017 316.9)
- OKLab
- oklab(0.934 0.012 -0.012)
- CIE Lab
- lab(92.17 4.25 -4.34)
- LCH
- lch(92.17 6.08 314.4)
- CMYK
- cmyk(1% 5% 0% 5%)
ティント · シェード · トーン
ティント
- F0E8F2
- F1EBF4
- F3EDF5
- F5F0F7
- F6F2F8
- F8F5F9
- FAF7FB
- FCFAFC
- FDFCFE
シェード
- CFC8D2
- B1ABB3
- 938E95
- 777379
- 5C595D
- 424043
- 2A282B
- 141314
- 030303
トーン
- E2DBE5
- D7D1D9
- CCC6CE
- C1BCC2
- B5B2B7
- AAA7AC
- A09DA1
- 959496
- 8A8A8B
カラーハーモニー
補色 +180°
- EEE6F1
Bubble Bath
- E4ECE1
≈ Sign of Spring
類似色 -30° +30°
- EEE6F1
Bubble Bath
- E8E8F4
≈ Whisper Blue
- F3E5EB
≈ Amour Frais
トライアド +120° +240°
- EEE6F1
Bubble Bath
- F0E8DD
≈ Percale
- DDEDED
≈ White Glaze
スプリットコンプリメンタリー +150° +210°
- EEE6F1
Bubble Bath
- EAEADE
≈ Sterling Shadow
- DFEDE7
≈ Molten Ice
テトラード +90° +180° +270°
- EEE6F1
Bubble Bath
- F4E6E0
≈ Clerestory
- E4ECE1
≈ Sign of Spring
- DEECF2
≈ Ice Fishing
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.21:1 · APCA Lc 11
Ag
AAA黒の上
WCAG 17.22:1 · APCA Lc 93
最適な文字色: #000000
WCAG 17.22:1 (AAA) · APCA Lc 93
Contrast pairs
コードスニペット
CSS
:root {
--bubble-bath: #eee6f1;
--bubble-bath-rgb: 238 230 241;
--bubble-bath-oklch: oklch(0.934 0.017 316.9);
}
.element {
color: var(--bubble-bath);
background-color: hsl(284 28% 92%);
border-color: oklch(0.934 0.017 316.9);
}Tailwind CSS v4
@theme {
--color-bubble-bath: #eee6f1;
--color-bubble-bath-50: #f7f4f8;
--color-bubble-bath-100: #eae6eb;
--color-bubble-bath-200: #d7d2d9;
--color-bubble-bath-300: #bbb5bd;
--color-bubble-bath-400: #a39ba5;
--color-bubble-bath-500: #8b838e;
--color-bubble-bath-600: #756f78;
--color-bubble-bath-700: #5e5960;
--color-bubble-bath-800: #454146;
--color-bubble-bath-900: #2f2d31;
--color-bubble-bath-950: #1c1a1d;
}SCSS
$bubble-bath: #eee6f1;
$bubble-bath-rgb: 238, 230, 241;
$bubble-bath-light: mix(#fff, $bubble-bath, 20%);
$bubble-bath-dark: mix(#000, $bubble-bath, 20%);
.element {
color: $bubble-bath;
box-shadow: 0 0 0 2px rgba($bubble-bath, 0.35);
}