命名颜色 · #CBBFB3

Finishing Touch

Finishing Touch 即 #CBBFB3：rgb(203 191 179)、hsl(30 19% 75%)、oklch(0.811 0.021 67.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Finishing Touch color name →

#CBBFB3

oklch(0.811 0.021 67.5)

颜色转换

HEX: #cbbfb3
RGB: rgb(203 191 179)
HSL: hsl(30 19% 75%)
HWB: hwb(30 70% 20%)
OKLCH: oklch(0.811 0.021 67.5)
OKLab: oklab(0.811 0.008 0.02)
CIE Lab: lab(78.09 2.85 7.67)
LCH: lch(78.09 8.18 69.6)
CMYK: cmyk(0% 6% 12% 20%)

浅色调 · 深色调 · 灰色调

浅色调

D0C5BA
D5CCC2
DAD2C9
E0D8D1
E5DFD8
EAE5E0
EFEBE8
F4F2EF
FAF8F7

深色调

B0A69B
968D84
7D756E
655E58
4D4843
37332F
221F1D
0F0D0C
020201

灰色调

C3B9AE
BCB2A9
B4ACA3
ACA59E
A59F99
9D9994
96928F
8F8C8A
878685

配色和谐

互补色 +180°

CBBFB3
Finishing Touch
B7C3CF
≈ Pageant Song

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.80:1 · APCA Lc 34

Fail

黑底

WCAG 11.64:1 · APCA Lc 69

AAA

最佳文字颜色: #000000

WCAG 11.64:1 (AAA) · APCA Lc 69

Contrast pairs

代码片段

CSS

:root {
  --finishing-touch: #cbbfb3;
  --finishing-touch-rgb: 203 191 179;
  --finishing-touch-oklch: oklch(0.811 0.021 67.5);
}

.element {
  color: var(--finishing-touch);
  background-color: hsl(30 19% 75%);
  border-color: oklch(0.811 0.021 67.5);
}

Tailwind CSS v4

@theme {
  --color-finishing-touch: #cbbfb3;
  --color-finishing-touch-50: #f9f4ef;
  --color-finishing-touch-100: #ede7e0;
  --color-finishing-touch-200: #dad3cb;
  --color-finishing-touch-300: #bfb6ac;
  --color-finishing-touch-400: #a79c91;
  --color-finishing-touch-500: #908477;
  --color-finishing-touch-600: #7a7065;
  --color-finishing-touch-700: #625951;
  --color-finishing-touch-800: #48413b;
  --color-finishing-touch-900: #322d28;
  --color-finishing-touch-950: #1e1a16;
}

SCSS

$finishing-touch: #cbbfb3;
$finishing-touch-rgb: 203, 191, 179;
$finishing-touch-light: mix(#fff, $finishing-touch, 20%);
$finishing-touch-dark: mix(#000, $finishing-touch, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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