命名颜色 · #F6F0E2

Roman Column

Roman Column 即 #F6F0E2：rgb(246 240 226)、hsl(42 53% 93%)、oklch(0.956 0.02 87.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Roman Column color name →

#F6F0E2

oklch(0.956 0.02 87.5)

颜色转换

HEX: #f6f0e2
RGB: rgb(246 240 226)
HSL: hsl(42 53% 93%)
HWB: hwb(42 89% 4%)
OKLCH: oklch(0.956 0.02 87.5)
OKLab: oklab(0.956 0.001 0.02)
CIE Lab: lab(94.98 0.33 7.54)
LCH: lch(94.98 7.55 87.5)
CMYK: cmyk(0% 2% 8% 4%)

浅色调 · 深色调 · 灰色调

浅色调

F7F2E5
F8F3E8
F9F5EB
FAF6EE
FAF7F0
FBF9F3
FCFAF6
FDFCF9
FEFDFC

深色调

D6D1C4
B7B2A8
98958C
7B7871
5F5D57
45433E
2C2A27
151412
030303

灰色调

EAE4D8
DDD9CE
D1CDC4
C5C2BA
B9B6B0
ADABA6
A2A09C
969593
8B8B89

配色和谐

互补色 +180°

F6F0E2
Roman Column
EBF0FE
≈ Carte Blanche

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

四角配色 +90° +180° +270°

对比度与无障碍

白底

WCAG 1.13:1 · APCA Lc 0

Fail

黑底

WCAG 18.48:1 · APCA Lc 98

AAA

最佳文字颜色: #000000

WCAG 18.48:1 (AAA) · APCA Lc 98

Contrast pairs

代码片段

CSS

:root {
  --roman-column: #f6f0e2;
  --roman-column-rgb: 246 240 226;
  --roman-column-oklch: oklch(0.956 0.02 87.5);
}

.element {
  color: var(--roman-column);
  background-color: hsl(42 53% 93%);
  border-color: oklch(0.956 0.02 87.5);
}

Tailwind CSS v4

@theme {
  --color-roman-column: #f6f0e2;
  --color-roman-column-50: #f7f5ef;
  --color-roman-column-100: #eae8e1;
  --color-roman-column-200: #d7d4cb;
  --color-roman-column-300: #bbb7ac;
  --color-roman-column-400: #a39e92;
  --color-roman-column-500: #8c8678;
  --color-roman-column-600: #767165;
  --color-roman-column-700: #5e5a51;
  --color-roman-column-800: #45423b;
  --color-roman-column-900: #302e28;
  --color-roman-column-950: #1c1a16;
}

SCSS

$roman-column: #f6f0e2;
$roman-column-rgb: 246, 240, 226;
$roman-column-light: mix(#fff, $roman-column, 20%);
$roman-column-dark: mix(#000, $roman-column, 20%);

.element {
  color: $roman-column;
  box-shadow: 0 0 0 2px rgba($roman-column, 0.35);
}

相近的命名颜色

Palettes with similar colors

在工具中打开

取色器配色组合对比度检测 Studio JSON API