#3F4571

#3F4571

カラー値

HEX

#3F4571

RGB

63, 69, 113

HSL

232.8, 28.4%, 34.5%

HSV

232.8, 44.2%, 44.3%

CMYK

44.2%, 38.9%, 0.0%, 55.7%

OKLCH

0.4059 0.0741 276.7

プロパティ

色彩心理学

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: #3F4571;
color: #3F4571;
border-color: #3F4571;
最も近いTailwind: Sky 900 #0C4A6E

Tailwindシェード

コントラストチェッカー

白背景のテキスト

9.13:1

AA Pass AAA Pass

黒背景のテキスト

2.3:1

AA Fail AAA Fail

比較する

関連記事

よくある質問

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

RGB(63, 69, 113) · HSL(232.8, 28.4%, 34.5%) · CMYK(44.2%, 38.9%, 0.0%, 55.7%)

Does #3F4571 meet WCAG contrast on white?

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

What text color is readable on #3F4571?

Use FFFFFF text on a #3F4571 background; contrast on black is 2.3:1.