powderblue

#B0E0E6

CSS color

Powder Blue (#B0E0E6) is a very light CSS blue-grey with the soft, airy quality of powdered pigment — pale, clean, and gently cool. This delicate blue sits close to the sky near the horizon in late afternoon, serene and undemanding. Web designers use Powder Blue as a calm, low-contrast background tone that reads blue without assertiveness, common in healthcare, baby products, and minimal UI design.

カラー値

HEX

#B0E0E6

RGB

176, 224, 230

HSL

186.7, 51.9%, 79.6%

HSV

186.7, 23.5%, 90.2%

CMYK

23.5%, 2.6%, 0.0%, 9.8%

OKLCH

0.8751 0.0502 205.7

プロパティ

色彩心理学

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: #B0E0E6;
color: #B0E0E6;
border-color: #B0E0E6;
最も近いTailwind: Cyan 100 #CFFAFE

Tailwindシェード

コントラストチェッカー

白背景のテキスト

1.43:1

AA Fail AAA Fail

黒背景のテキスト

14.65:1

AA Pass AAA Pass

比較する

含まれているコレクション