aliceblue

#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.

カラー値

HEX

#F0F8FF

RGB

240, 248, 255

HSL

208.0, 100.0%, 97.1%

HSV

208.0, 5.9%, 100.0%

CMYK

5.9%, 2.7%, 0.0%, 0.0%

OKLCH

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使用法

background-color: #F0F8FF;
color: #F0F8FF;
border-color: #F0F8FF;
最も近いTailwind: Sky 50 #F0F9FF

Tailwindシェード

コントラストチェッカー

白背景のテキスト

1.07:1

AA Fail AAA Fail

黒背景のテキスト

19.58:1

AA Pass AAA Pass

比較する

関連記事

よくある質問

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.