lavender
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/entity//
Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/entity//)
Use the native HTML custom element.
#E6E6FA
CSS color
Lavender (#E6E6FA) is a pale, delicate blue-purple CSS named color, directly evoking the cool, soft purple of lavender flowers grown in Provencal fields. It is one of the most universally liked colors in psychological studies, associated with calm, femininity, romance, and spiritual clarity. In web design, it is commonly used for backgrounds in beauty, wellness, and lifestyle applications.
カラー値
#E6E6FA
230, 230, 250
240.0, 66.7%, 94.1%
240.0, 8.0%, 98.0%
8.0%, 8.0%, 0.0%, 2.0%
0.9309 0.0269 285.9
プロパティ
色彩心理学
Light blues are universally associated with clear skies, serenity, and trustworthiness. They lower blood pressure and heart rate, making them the most psychologically calming chromatic colors. Baby blue in particular symbolizes gentleness, innocence, and reliable safety.
Design Usage
Soft blues are the most widely used background color in enterprise software, social media, and healthcare apps. They create a professional yet friendly atmosphere that encourages prolonged engagement. Use them for empty states, onboarding screens, and informational banners that should feel non-threatening.
カラーハーモニー
色覚異常シミュレーション
CSS使用法
Tailwindシェード
コントラストチェッカー
白背景のテキスト
1.23:1
黒背景のテキスト
17.06:1