色名 · #E5E0EC
Homoeopathic Lavender
Homoeopathic Lavenderは#E5E0EC：rgb(229 224 236)、hsl(265 24% 90%)、oklch(0.914 0.017 304.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Homoeopathic Lavender color name →
#E5E0EC
oklch(0.914 0.017 304.8)
カラー変換
- HEX
- #e5e0ec
- RGB
- rgb(229 224 236)
- HSL
- hsl(265 24% 90%)
- HWB
- hwb(265 88% 7%)
- OKLCH
- oklch(0.914 0.017 304.8)
- OKLab
- oklab(0.914 0.01 -0.014)
- CIE Lab
- lab(89.84 3.37 -5.24)
- LCH
- lch(89.84 6.23 302.7)
- CMYK
- cmyk(3% 5% 0% 7%)
ティント · シェード · トーン
ティント
- E8E3EE
- EAE6F0
- EDE9F2
- EFECF4
- F2EFF5
- F5F3F7
- F7F6F9
- FAF9FB
- FCFCFD
シェード
- C7C3CD
- AAA6AF
- 8E8A92
- 727076
- 58565B
- 3F3E42
- 282729
- 121213
- 030203
トーン
- DAD6E1
- D0CCD5
- C6C2CA
- BBB8BF
- B1AFB5
- A7A5AA
- 9D9C9F
- 939295
- 8A898A
カラーハーモニー
補色 +180°
- E5E0EC
Homoeopathic Lavender
- E0E5D9
≈ Cloudy Day
類似色 -30° +30°
- E5E0EC
Homoeopathic Lavender
- DFE2EE
≈ Iris Ice
- EADFE7
≈ Ostrich Tail
トライアド +120° +240°
- E5E0EC
Homoeopathic Lavender
- EBE1D7
≈ Sharp-Rip Drill
- D7E7E4
≈ Peaceful Night
スプリットコンプリメンタリー +150° +210°
- E5E0EC
Homoeopathic Lavender
- E6E3D6
≈ Snowshoe Hare
- DAE6DE
≈ Swans Down
テトラード +90° +180° +270°
- E5E0EC
Homoeopathic Lavender
- EEDFDB
≈ Mannequin
- E0E5D9
≈ Cloudy Day
- D7E6EA
≈ White Sea
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.29:1 · APCA Lc 15
Ag
AAA黒の上
WCAG 16.20:1 · APCA Lc 89
最適な文字色: #000000
WCAG 16.20:1 (AAA) · APCA Lc 89
Contrast pairs
コードスニペット
CSS
:root {
--homoeopathic-lavender: #e5e0ec;
--homoeopathic-lavender-rgb: 229 224 236;
--homoeopathic-lavender-oklch: oklch(0.914 0.017 304.8);
}
.element {
color: var(--homoeopathic-lavender);
background-color: hsl(265 24% 90%);
border-color: oklch(0.914 0.017 304.8);
}Tailwind CSS v4
@theme {
--color-homoeopathic-lavender: #e5e0ec;
--color-homoeopathic-lavender-50: #f6f4f9;
--color-homoeopathic-lavender-100: #e9e6ec;
--color-homoeopathic-lavender-200: #d6d2da;
--color-homoeopathic-lavender-300: #b9b5be;
--color-homoeopathic-lavender-400: #a19ca7;
--color-homoeopathic-lavender-500: #89848f;
--color-homoeopathic-lavender-600: #746f79;
--color-homoeopathic-lavender-700: #5c5961;
--color-homoeopathic-lavender-800: #434147;
--color-homoeopathic-lavender-900: #2f2d31;
--color-homoeopathic-lavender-950: #1b1a1d;
}SCSS
$homoeopathic-lavender: #e5e0ec;
$homoeopathic-lavender-rgb: 229, 224, 236;
$homoeopathic-lavender-light: mix(#fff, $homoeopathic-lavender, 20%);
$homoeopathic-lavender-dark: mix(#000, $homoeopathic-lavender, 20%);
.element {
color: $homoeopathic-lavender;
box-shadow: 0 0 0 2px rgba($homoeopathic-lavender, 0.35);
}