命名颜色 · #CAB5B2

Cold Turkey

Cold Turkey 即 #CAB5B2：rgb(202 181 178)、hsl(8 18% 75%)、oklch(0.79 0.025 27.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Cold Turkey color name →

#CAB5B2

oklch(0.79 0.025 27.4)

颜色转换

HEX: #cab5b2
RGB: rgb(202 181 178)
HSL: hsl(8 18% 75%)
HWB: hwb(8 70% 21%)
OKLCH: oklch(0.79 0.025 27.4)
OKLab: oklab(0.79 0.022 0.011)
CIE Lab: lab(75.43 7.39 4.42)
LCH: lch(75.43 8.61 30.9)
CMYK: cmyk(0% 10% 12% 21%)

浅色调 · 深色调 · 灰色调

浅色调

CFBCB9
D5C3C1
DACBC9
DFD2D0
E4D9D8
EAE1E0
EFE8E7
F4F0EF
FAF7F7

深色调

AF9D9A
958683
7C6F6D
645957
4D4443
37302F
221D1D
0F0C0C
020201

灰色调

C2B0AD
BBAAA8
B3A5A3
AC9F9E
A49A99
9D9594
96908F
8E8A8A
878585

配色和谐

互补色 +180°

CAB5B2
Cold Turkey
A9BFC3
≈ A-List Blue

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.95:1 · APCA Lc 38

Fail

黑底

WCAG 10.76:1 · APCA Lc 65

AAA

最佳文字颜色: #000000

WCAG 10.76:1 (AAA) · APCA Lc 65

Contrast pairs

代码片段

CSS

:root {
  --cold-turkey: #cab5b2;
  --cold-turkey-rgb: 202 181 178;
  --cold-turkey-oklch: oklch(0.79 0.025 27.4);
}

.element {
  color: var(--cold-turkey);
  background-color: hsl(8 18% 75%);
  border-color: oklch(0.79 0.025 27.4);
}

Tailwind CSS v4

@theme {
  --color-cold-turkey: #cab5b2;
  --color-cold-turkey-50: #fcf3f1;
  --color-cold-turkey-100: #f0e5e3;
  --color-cold-turkey-200: #dfd1ce;
  --color-cold-turkey-300: #c4b3b0;
  --color-cold-turkey-400: #ad9997;
  --color-cold-turkey-500: #96807d;
  --color-cold-turkey-600: #7f6d6a;
  --color-cold-turkey-700: #665755;
  --color-cold-turkey-800: #4b3f3e;
  --color-cold-turkey-900: #342c2b;
  --color-cold-turkey-950: #1f1918;
}

SCSS

$cold-turkey: #cab5b2;
$cold-turkey-rgb: 202, 181, 178;
$cold-turkey-light: mix(#fff, $cold-turkey, 20%);
$cold-turkey-dark: mix(#000, $cold-turkey, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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