azure 2

#E0EEEE

X11 color

Azure 2 (#E0EEEE) is a pale gray-teal from the X11 color family, darker than CSS azure but still very light. It reads as a cool, neutral frost, suitable for UI surfaces, institutional design, or winter-themed palettes. Its restrained chroma makes it versatile against both white and mid-tone backgrounds.

カラー値

HEX

#E0EEEE

RGB

224, 238, 238

HSL

180.0, 29.2%, 90.6%

HSV

180.0, 5.9%, 93.3%

CMYK

5.9%, 0.0%, 0.0%, 6.7%

OKLCH

0.9387 0.0149 196.9

プロパティ

寒色 明るい 最も近い: azure 2

色彩心理学

Light cyans and sky blues are among the most universally calming colors, evoking clear skies and fresh air. They inspire openness, mental clarity, and a sense of freedom. These tones are psychologically associated with truthfulness and uncomplicated communication.

Design Usage

Soft cyan makes an excellent background for info alerts, tooltips, and educational content sections. It creates a sense of spaciousness in dashboard layouts without the sterility of pure white. Pair it with deep blue or navy text for a professional, high-contrast information hierarchy.

カラーハーモニー

色覚異常シミュレーション

CSS使用法

background-color: #E0EEEE;
color: #E0EEEE;
border-color: #E0EEEE;
最も近いTailwind: Gray 200 #E5E7EB

Tailwindシェード

コントラストチェッカー

白背景のテキスト

1.19:1

AA Fail AAA Fail

黒背景のテキスト

17.63:1

AA Pass AAA Pass

比較する

よくある質問

What are the RGB, HSL, and CMYK values of #E0EEEE?

RGB(224, 238, 238) · HSL(180.0, 29.2%, 90.6%) · CMYK(5.9%, 0.0%, 0.0%, 6.7%)

Does #E0EEEE meet WCAG contrast on white?

1.19:1 — WCAG AA 不合格, AAA 不合格 for normal text.

What text color is readable on #E0EEEE?

Use 000000 text on a #E0EEEE background; contrast on black is 17.63:1.