aliceblue
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.
#F0F8FF
CSS color
Alice Blue (#F0F8FF) is an extremely pale, almost-white blue named after President Theodore Roosevelt's daughter Alice. It sits at the cold, airy end of the color spectrum, evoking clear skies and clean linen. Web designers use this CSS named color as a near-neutral background that subtly reads as cool rather than stark white.
カラー値
#F0F8FF
240, 248, 255
208.0, 100.0%, 97.1%
208.0, 5.9%, 100.0%
5.9%, 2.7%, 0.0%, 0.0%
0.9751 0.0127 244.3
プロパティ
色彩心理学
Near-whites and off-whites radiate purity, simplicity, and spacious clarity. They feel open and unbounded, associated with cleanliness, fresh starts, and minimalism. These tones create a sense of potential and possibility, inviting focus on content.
Design Usage
Off-whites are preferred over pure white for page backgrounds to reduce glare. They feel warmer while maintaining a clean, bright aesthetic. Use for primary backgrounds and content areas where visual breathing room is needed.
カラーハーモニー
色覚異常シミュレーション
CSS使用法
Tailwindシェード
コントラストチェッカー
白背景のテキスト
1.07:1
黒背景のテキスト
19.58:1
比較する
関連記事
よくある質問
What are the RGB, HSL, and CMYK values of #F0F8FF?
RGB(240, 248, 255) · HSL(208.0, 100.0%, 97.1%) · CMYK(5.9%, 2.7%, 0.0%, 0.0%)
Does #F0F8FF meet WCAG contrast on white?
1.07:1 — WCAG AA 不合格, AAA 不合格 for normal text.
What text color is readable on #F0F8FF?
Use 000000 text on a #F0F8FF background; contrast on black is 19.58:1.