命名颜色 · #BEC0AF

Fibre Moss

Fibre Moss 即 #BEC0AF：rgb(190 192 175)、hsl(67 12% 72%)、oklch(0.801 0.024 112.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Fibre Moss color name →

#BEC0AF

oklch(0.801 0.024 112.4)

颜色转换

HEX: #bec0af
RGB: rgb(190 192 175)
HSL: hsl(67 12% 72%)
HWB: hwb(67 69% 25%)
OKLCH: oklch(0.801 0.024 112.4)
OKLab: oklab(0.801 -0.009 0.022)
CIE Lab: lab(77.19 -2.98 8.35)
LCH: lch(77.19 8.87 109.6)
CMYK: cmyk(1% 0% 9% 25%)

浅色调 · 深色调 · 灰色调

浅色调

C4C6B7
CBCCBF
D1D3C6
D8D9CE
DEDFD6
E5E5DE
EBECE7
F2F2EF
F8F9F7

深色调

A5A798
8C8E81
75766B
5E5F56
484941
33342E
1F201C
0D0E0B
020201

灰色调

B8B9AA
B1B3A5
ABACA1
A5A69C
9E9F97
989993
92938E
8C8C89
868685

配色和谐

互补色 +180°

BEC0AF
Fibre Moss
BEBCCC
≈ Silverberry

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.85:1 · APCA Lc 35

Fail

黑底

WCAG 11.34:1 · APCA Lc 68

AAA

最佳文字颜色: #000000

WCAG 11.34:1 (AAA) · APCA Lc 68

Contrast pairs

代码片段

CSS

:root {
  --fibre-moss: #bec0af;
  --fibre-moss-rgb: 190 192 175;
  --fibre-moss-oklch: oklch(0.801 0.024 112.4);
}

.element {
  color: var(--fibre-moss);
  background-color: hsl(67 12% 72%);
  border-color: oklch(0.801 0.024 112.4);
}

Tailwind CSS v4

@theme {
  --color-fibre-moss: #bec0af;
  --color-fibre-moss-50: #f5f6ee;
  --color-fibre-moss-100: #e7e9e0;
  --color-fibre-moss-200: #d4d6ca;
  --color-fibre-moss-300: #b7b9ac;
  --color-fibre-moss-400: #9ea090;
  --color-fibre-moss-500: #868876;
  --color-fibre-moss-600: #717364;
  --color-fibre-moss-700: #5b5c50;
  --color-fibre-moss-800: #43433a;
  --color-fibre-moss-900: #2e2e28;
  --color-fibre-moss-950: #1b1b16;
}

SCSS

$fibre-moss: #bec0af;
$fibre-moss-rgb: 190, 192, 175;
$fibre-moss-light: mix(#fff, $fibre-moss, 20%);
$fibre-moss-dark: mix(#000, $fibre-moss, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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