最も近い色名 · #EEE8F5
#EEE8F5
最も近い色名: Perfume Haze
#EEE8F5（rgb(238 232 245)、hsl(268 39% 94%)、oklch(0.939 0.018 306.7)）に最も近い色名はPerfume Hazeです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#EEE8F5
oklch(0.939 0.018 306.7)
カラー変換
- HEX
- #eee8f5
- RGB
- rgb(238 232 245)
- HSL
- hsl(268 39% 94%)
- HWB
- hwb(268 91% 4%)
- OKLCH
- oklch(0.939 0.018 306.7)
- OKLab
- oklab(0.939 0.011 -0.015)
- CIE Lab
- lab(92.75 3.83 -5.56)
- LCH
- lch(92.75 6.75 304.5)
- CMYK
- cmyk(3% 5% 0% 4%)
ティント · シェード · トーン
ティント
- F0EAF6
- F1EDF7
- F3EFF8
- F5F1F9
- F6F3FA
- F8F6FB
- FAF8FC
- FCFAFD
- FDFDFE
シェード
- CFCAD5
- B1ACB6
- 939098
- 77747B
- 5C595F
- 424044
- 2A292B
- 141315
- 030303
トーン
- E2DDE9
- D7D2DD
- CCC8D0
- C1BDC5
- B5B3B9
- AAA8AD
- A09EA2
- 959496
- 8A8A8B
カラーハーモニー
補色 +180°
- EEE8F5
Perfume Haze
- E8EDE0
≈ At Ease
類似色 -30° +30°
- EEE8F5
Perfume Haze
- E7EAF8
≈ Icy Lilac
- F4E7F0
≈ Amour Frais
トライアド +120° +240°
- EEE8F5
Perfume Haze
- F4E9DE
≈ Tangelo Cream
- DEEFED
≈ Free Spirit
スプリットコンプリメンタリー +150° +210°
- EEE8F5
Perfume Haze
- EEEBDE
≈ Moth Mist
- E2EFE6
≈ Mountain Crystal Silver
テトラード +90° +180° +270°
- EEE8F5
Perfume Haze
- F7E7E2
≈ Mandarin Sugar
- E8EDE0
≈ At Ease
- DEEEF3
≈ Diamond White
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.20:1 · APCA Lc 10
Ag
AAA黒の上
WCAG 17.49:1 · APCA Lc 94
最適な文字色: #000000
WCAG 17.49:1 (AAA) · APCA Lc 94
Contrast pairs
コードスニペット
CSS
:root {
--perfume-haze: #eee8f5;
--perfume-haze-rgb: 238 232 245;
--perfume-haze-oklch: oklch(0.939 0.018 306.7);
}
.element {
color: var(--perfume-haze);
background-color: hsl(268 39% 94%);
border-color: oklch(0.939 0.018 306.7);
}Tailwind CSS v4
@theme {
--color-perfume-haze: #eee8f5;
--color-perfume-haze-50: #f7f4f9;
--color-perfume-haze-100: #e9e6ed;
--color-perfume-haze-200: #d6d2da;
--color-perfume-haze-300: #bab5bf;
--color-perfume-haze-400: #a19ca7;
--color-perfume-haze-500: #898390;
--color-perfume-haze-600: #746f7a;
--color-perfume-haze-700: #5d5961;
--color-perfume-haze-800: #444148;
--color-perfume-haze-900: #2f2d32;
--color-perfume-haze-950: #1b1a1e;
}SCSS
$perfume-haze: #eee8f5;
$perfume-haze-rgb: 238, 232, 245;
$perfume-haze-light: mix(#fff, $perfume-haze, 20%);
$perfume-haze-dark: mix(#000, $perfume-haze, 20%);
.element {
color: $perfume-haze;
box-shadow: 0 0 0 2px rgba($perfume-haze, 0.35);
}