命名颜色 · #CDB3AC

Plymouth Notch

Plymouth Notch 即 #CDB3AC：rgb(205 179 172)、hsl(13 25% 74%)、oklch(0.787 0.032 35.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Plymouth Notch color name →

#CDB3AC

oklch(0.787 0.032 35.5)

颜色转换

HEX: #cdb3ac
RGB: rgb(205 179 172)
HSL: hsl(13 25% 74%)
HWB: hwb(13 67% 20%)
OKLCH: oklch(0.787 0.032 35.5)
OKLab: oklab(0.787 0.026 0.018)
CIE Lab: lab(75.08 8.81 7.21)
LCH: lch(75.08 11.38 39.3)
CMYK: cmyk(0% 13% 16% 20%)

浅色调 · 深色调 · 灰色调

浅色调

D2BAB4
D7C2BC
DCC9C4
E1D1CD
E6D8D5
EBE0DD
F0E8E6
F5EFEE
FAF7F6

深色调

B29B95
98847F
7E6E69
665854
4E4340
382F2D
231D1B
0F0C0B
020101

灰色调

C5AEA8
BDA9A3
B5A39F
AE9E9A
A69996
9E9491
978F8D
8F8A89
878584

配色和谐

互补色 +180°

CDB3AC
Plymouth Notch
A4BFC7
≈ Juliet Blue

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.97:1 · APCA Lc 38

Fail

黑底

WCAG 10.63:1 · APCA Lc 64

AAA

最佳文字颜色: #000000

WCAG 10.63:1 (AAA) · APCA Lc 64

Contrast pairs

代码片段

CSS

:root {
  --plymouth-notch: #cdb3ac;
  --plymouth-notch-rgb: 205 179 172;
  --plymouth-notch-oklch: oklch(0.787 0.032 35.5);
}

.element {
  color: var(--plymouth-notch);
  background-color: hsl(13 25% 74%);
  border-color: oklch(0.787 0.032 35.5);
}

Tailwind CSS v4

@theme {
  --color-plymouth-notch: #cdb3ac;
  --color-plymouth-notch-50: #fef2ef;
  --color-plymouth-notch-100: #f2e4e0;
  --color-plymouth-notch-200: #e1d0cb;
  --color-plymouth-notch-300: #c7b2ac;
  --color-plymouth-notch-400: #b09892;
  --color-plymouth-notch-500: #9a7f78;
  --color-plymouth-notch-600: #826c66;
  --color-plymouth-notch-700: #685651;
  --color-plymouth-notch-800: #4d3f3b;
  --color-plymouth-notch-900: #352b29;
  --color-plymouth-notch-950: #201817;
}

SCSS

$plymouth-notch: #cdb3ac;
$plymouth-notch-rgb: 205, 179, 172;
$plymouth-notch-light: mix(#fff, $plymouth-notch, 20%);
$plymouth-notch-dark: mix(#000, $plymouth-notch, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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