经典蓝

沉稳可靠的深蓝，像傍晚的天空，传递自信与清晰。

生成配色场景预览返回 2020 年列表

复制色值

HEX / RGB / CMYK 一键复制给研发。

HEX

#0F4C81

RGB

rgb(15, 76, 129)

CMYK

99, 76, 24, 8

搭配方案

单色、类似色、互补色、三色组，直接复制使用。

Monochrome Depth

Light and dark steps around the hero color.

#041625

#0A3052

#0F4C81

#1466AD

#1B87E4

Analogous Flow

Neighbors on the color wheel for a soft gradient story.

#0C6464

#0F6680

#0F4C81

#0F3180

#121C9B

Complementary Contrast

Opposites that add clarity and focus.

#0F4C81

#64350C

#A45713

#0B253C

#2E7ABD

Triadic Balance

Three evenly spaced hues for versatile layouts.

#0F4C81

#800F4B

#4B800F

#0F3657

#1F70B7

Split Complementary

Balanced contrast with two supporting accents.

#0F4C81

#800F13

#807C0F

#082035

#207BCB

导出

复制 CSS 变量或 Tailwind 配置。

#0F4C81

CSS Variables

:root {
  --year-base: #0F4C81;
  --year-base-contrast: #FFFFFF;
  --year-accent-1: #0A3052;
  --year-accent-2: #0F4C81;
  --year-accent-3: #1466AD;
  --year-surface: #f8fafc;
}

Tailwind Config

theme: {
  extend: {
    colors: {
      primary: 'var(--year-base)',
      accent: 'var(--year-accent-1)',
      surface: 'var(--year-surface)',
    },
  },
},