azure

#F0FFFF

CSS color

Azure (#F0FFFF) is a nearly-white cyan, the palest possible tint of sky blue as defined in the CSS color system. Its name derives from the deep azure skies depicted in medieval heraldry and the lapis lazuli pigment known as azur. In digital design, it serves as a subtle cool-temperature alternative to pure white for backgrounds.

カラー値

HEX

#F0FFFF

RGB

240, 255, 255

HSL

180.0, 100.0%, 97.1%

HSV

180.0, 5.9%, 100.0%

CMYK

5.9%, 0.0%, 0.0%, 0.0%

OKLCH

0.989 0.0157 196.9

プロパティ

寒色 明るい 最も近い: azure

色彩心理学

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: #F0FFFF;
color: #F0FFFF;
border-color: #F0FFFF;
最も近いTailwind: Cyan 50 #ECFEFF

Tailwindシェード

コントラストチェッカー

白背景のテキスト

1.03:1

AA Fail AAA Fail

黒背景のテキスト

20.45:1

AA Pass AAA Pass

比較する

関連記事