色名 · #E8CEF6
Mousse aux Pruneaux
Mousse aux Pruneauxは#E8CEF6：rgb(232 206 246)、hsl(279 69% 89%)、oklch(0.885 0.061 313.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Purple mean? → · Mousse aux Pruneaux color name →
#E8CEF6
oklch(0.885 0.061 313.8)
カラー変換
- HEX
- #e8cef6
- RGB
- rgb(232 206 246)
- HSL
- hsl(279 69% 89%)
- HWB
- hwb(279 81% 4%)
- OKLCH
- oklch(0.885 0.061 313.8)
- OKLab
- oklab(0.885 0.042 -0.044)
- CIE Lab
- lab(85.9 14.69 -16.25)
- LCH
- lch(85.9 21.9 312.1)
- CMYK
- cmyk(6% 16% 0% 4%)
ティント · シェード · トーン
ティント
- EAD3F7
- EDD8F8
- EFDDF9
- F1E2FA
- F4E6FB
- F6EBFC
- F8F0FD
- FAF5FD
- FDFAFE
シェード
- CAB3D6
- AC98B7
- 907F98
- 74667B
- 594E5F
- 403845
- 29232C
- 130F15
- 030203
トーン
- DDC6EA
- D2BEDD
- C8B6D1
- BDAEC5
- B3A6B9
- A89FAE
- 9E97A2
- 948F97
- 8A888B
カラーハーモニー
補色 +180°
- E8CEF6
Mousse aux Pruneaux
- C9E3BA
≈ Iced Avocado
類似色 -30° +30°
- E8CEF6
Mousse aux Pruneaux
- D4D5FF
≈ Pale Phthalo Blue
- F7CAE3
≈ Laelia Pink
トライアド +120° +240°
- E8CEF6
Mousse aux Pruneaux
- F2D4AD
≈ Fine Sand
- ABE6E5
≈ Cool Crayon
スプリットコンプリメンタリー +150° +210°
- E8CEF6
Mousse aux Pruneaux
- DFDCAE
≈ Dried Palm
- B5E7CE
≈ Beach Blanket
テトラード +90° +180° +270°
- E8CEF6
Mousse aux Pruneaux
- FDCDB9
≈ Dainty Peach
- C9E3BA
≈ Iced Avocado
- AEE3F7
≈ Azure Sky
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.43:1 · APCA Lc 21
Ag
AAA黒の上
WCAG 14.59:1 · APCA Lc 82
最適な文字色: #000000
WCAG 14.59:1 (AAA) · APCA Lc 82
Contrast pairs
コードスニペット
CSS
:root {
--mousse-aux-pruneaux: #e8cef6;
--mousse-aux-pruneaux-rgb: 232 206 246;
--mousse-aux-pruneaux-oklch: oklch(0.885 0.061 313.8);
}
.element {
color: var(--mousse-aux-pruneaux);
background-color: hsl(279 69% 89%);
border-color: oklch(0.885 0.061 313.8);
}Tailwind CSS v4
@theme {
--color-mousse-aux-pruneaux: #e8cef6;
--color-mousse-aux-pruneaux-50: #fcf0ff;
--color-mousse-aux-pruneaux-100: #f0e2f6;
--color-mousse-aux-pruneaux-200: #dfcde6;
--color-mousse-aux-pruneaux-300: #c4aecd;
--color-mousse-aux-pruneaux-400: #ac94b8;
--color-mousse-aux-pruneaux-500: #957aa3;
--color-mousse-aux-pruneaux-600: #7e688a;
--color-mousse-aux-pruneaux-700: #65536e;
--color-mousse-aux-pruneaux-800: #493c52;
--color-mousse-aux-pruneaux-900: #332939;
--color-mousse-aux-pruneaux-950: #1f1723;
}SCSS
$mousse-aux-pruneaux: #e8cef6;
$mousse-aux-pruneaux-rgb: 232, 206, 246;
$mousse-aux-pruneaux-light: mix(#fff, $mousse-aux-pruneaux, 20%);
$mousse-aux-pruneaux-dark: mix(#000, $mousse-aux-pruneaux, 20%);
.element {
color: $mousse-aux-pruneaux;
box-shadow: 0 0 0 2px rgba($mousse-aux-pruneaux, 0.35);
}