#1663AF

#1663AF

颜色值

HEX

#1663AF

RGB

22, 99, 175

HSL

209.8, 77.7%, 38.6%

HSV

209.8, 87.4%, 68.6%

CMYK

87.4%, 43.4%, 0.0%, 31.4%

OKLCH

0.4971 0.1401 252.9

属性

色彩心理学

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: #1663AF;
color: #1663AF;
border-color: #1663AF;
最接近的 Tailwind: Sky 700 #0369A1

Tailwind 色阶

对比度检查器

白底文字

6.11:1

AA Pass AAA Fail

黑底文字

3.44:1

AA Fail AAA Fail

与之比较

相关文章

常见问题

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

RGB(22, 99, 175) · HSL(209.8, 77.7%, 38.6%) · CMYK(87.4%, 43.4%, 0.0%, 31.4%)

Does #1663AF meet WCAG contrast on white?

6.11:1 — WCAG AA 通过, AAA 不通过 for normal text.

What text color is readable on #1663AF?

Use FFFFFF text on a #1663AF background; contrast on black is 3.44:1.