最も近い色名 · #EADDDF
#EADDDF
最も近い色名: Homoeopathic Rose
#EADDDF（rgb(234 221 223)、hsl(351 24% 89%)、oklch(0.908 0.014 6.7)）に最も近い色名はHomoeopathic Roseです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#EADDDF
oklch(0.908 0.014 6.7)
カラー変換
- HEX
- #eadddf
- RGB
- rgb(234 221 223)
- HSL
- hsl(351 24% 89%)
- HWB
- hwb(351 87% 8%)
- OKLCH
- oklch(0.908 0.014 6.7)
- OKLab
- oklab(0.908 0.014 0.002)
- CIE Lab
- lab(89.21 4.85 0.7)
- LCH
- lch(89.21 4.9 8.2)
- CMYK
- cmyk(0% 6% 5% 8%)
ティント · シェード · トーン
ティント
- ECE0E2
- EEE4E5
- F0E7E9
- F2EBEC
- F5EEEF
- F7F1F2
- F9F5F5
- FBF8F9
- FDFCFC
シェード
- CBC0C2
- AEA4A5
- 91888A
- 756E6F
- 5A5556
- 413D3D
- 292627
- 131112
- 030202
トーン
- DFD3D5
- D4CACB
- C9C0C2
- BEB7B8
- B4ADAE
- A9A4A5
- 9F9B9B
- 949292
- 8A8989
カラーハーモニー
補色 +180°
- EADDDF
Homoeopathic Rose
- D7E4E2
≈ Cirrus Blue
類似色 -30° +30°
- EADDDF
Homoeopathic Rose
- E7DDE4
≈ Iced Mauve
- EADEDA
≈ Wishy-Washy Beige
トライアド +120° +240°
- EADDDF
Homoeopathic Rose
- DEE3D9
≈ Poplar White
- D9E2EA
≈ Star Map
スプリットコンプリメンタリー +150° +210°
- EADDDF
Homoeopathic Rose
- D9E4DD
≈ Breezy Aqua
- D7E3E7
≈ Bare Mintimum
テトラード +90° +180° +270°
- EADDDF
Homoeopathic Rose
- E3E1D6
≈ Reserved Beige
- D7E4E2
≈ Cirrus Blue
- DEE0EB
≈ Monet’s Lavender
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.32:1 · APCA Lc 16
Ag
AAA黒の上
WCAG 15.90:1 · APCA Lc 88
最適な文字色: #000000
WCAG 15.90:1 (AAA) · APCA Lc 88
Contrast pairs
コードスニペット
CSS
:root {
--homoeopathic-rose: #eadddf;
--homoeopathic-rose-rgb: 234 221 223;
--homoeopathic-rose-oklch: oklch(0.908 0.014 6.7);
}
.element {
color: var(--homoeopathic-rose);
background-color: hsl(351 24% 89%);
border-color: oklch(0.908 0.014 6.7);
}Tailwind CSS v4
@theme {
--color-homoeopathic-rose: #eadddf;
--color-homoeopathic-rose-50: #f9f3f4;
--color-homoeopathic-rose-100: #ede6e7;
--color-homoeopathic-rose-200: #dad2d3;
--color-homoeopathic-rose-300: #bfb4b6;
--color-homoeopathic-rose-400: #a79b9d;
--color-homoeopathic-rose-500: #8f8284;
--color-homoeopathic-rose-600: #796e70;
--color-homoeopathic-rose-700: #61585a;
--color-homoeopathic-rose-800: #474042;
--color-homoeopathic-rose-900: #312c2d;
--color-homoeopathic-rose-950: #1d191a;
}SCSS
$homoeopathic-rose: #eadddf;
$homoeopathic-rose-rgb: 234, 221, 223;
$homoeopathic-rose-light: mix(#fff, $homoeopathic-rose, 20%);
$homoeopathic-rose-dark: mix(#000, $homoeopathic-rose, 20%);
.element {
color: $homoeopathic-rose;
box-shadow: 0 0 0 2px rgba($homoeopathic-rose, 0.35);
}