steelblue 2

#5CACEE

X11 color

Steelblue 2 (#5CACEE) is a medium-bright blue from the X11 Steel Blue series, providing a vivid but not over-saturated blue that sits between sky blue and the cooler CSS standard. Used in data visualisation, informational graphics, and clean digital design where a bright but professional blue is required, it offers versatile utility. The balance of brightness and cool grey quality makes it widely applicable across different design contexts.

カラー値

HEX

#5CACEE

RGB

92, 172, 238

HSL

207.1, 81.1%, 64.7%

HSV

207.1, 61.3%, 93.3%

CMYK

61.3%, 27.7%, 0.0%, 6.7%

OKLCH

0.7212 0.1247 245.6

プロパティ

色彩心理学

True blue is the world's most popular favorite color, representing trust, competence, and stability. It suppresses appetite and promotes productivity, making it ideal for work environments. Blue is the dominant color in corporate branding because it communicates reliability without emotional excess.

Design Usage

Medium blue is the default choice for primary buttons, navigation bars, and link text across the web. It forms the foundation of design systems for banking, insurance, and enterprise SaaS products. While universally safe, it benefits from a distinctive hue angle or saturation to avoid blending into the sea of blue brands.

カラーハーモニー

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

CSS使用法

background-color: #5CACEE;
color: #5CACEE;
border-color: #5CACEE;
最も近いTailwind: Sky 500 #0EA5E9

Tailwindシェード

コントラストチェッカー

白背景のテキスト

2.44:1

AA Fail AAA Fail

黒背景のテキスト

8.59:1

AA Pass AAA Pass

比較する

よくある質問

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

RGB(92, 172, 238) · HSL(207.1, 81.1%, 64.7%) · CMYK(61.3%, 27.7%, 0.0%, 6.7%)

Does #5CACEE meet WCAG contrast on white?

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

What text color is readable on #5CACEE?

Use 000000 text on a #5CACEE background; contrast on black is 8.59:1.