命名颜色 · #DCC9AE

Sunday Drive

Sunday Drive 即 #DCC9AE：rgb(220 201 174)、hsl(35 40% 77%)、oklch(0.845 0.042 76.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Orange mean? → · Sunday Drive color name →

#DCC9AE

oklch(0.845 0.042 76.7)

颜色转换

HEX: #dcc9ae
RGB: rgb(220 201 174)
HSL: hsl(35 40% 77%)
HWB: hwb(35 68% 14%)
OKLCH: oklch(0.845 0.042 76.7)
OKLab: oklab(0.845 0.01 0.041)
CIE Lab: lab(82.03 3.73 16.09)
LCH: lch(82.03 16.52 77)
CMYK: cmyk(0% 9% 21% 14%)

浅色调 · 深色调 · 灰色调

浅色调

E0CEB6
E3D4BE
E7D9C6
EADECE
EEE4D6
F1E9DE
F5EFE6
F8F4EF
FCFAF7

深色调

BFAE97
A39580
887C6A
6E6455
544C41
3C362E
26221C
110F0B
020201

灰色调

D2C1A9
C9BAA5
C0B3A0
B6AB9C
ADA497
A49D92
9B958E
928E89
898785

配色和谐

互补色 +180°

DCC9AE
Sunday Drive
BBCEE8
≈ Maritime

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.61:1 · APCA Lc 28

Fail

黑底

WCAG 13.00:1 · APCA Lc 75

AAA

最佳文字颜色: #000000

WCAG 13.00:1 (AAA) · APCA Lc 75

Contrast pairs

代码片段

CSS

:root {
  --sunday-drive: #dcc9ae;
  --sunday-drive-rgb: 220 201 174;
  --sunday-drive-oklch: oklch(0.845 0.042 76.7);
}

.element {
  color: var(--sunday-drive);
  background-color: hsl(35 40% 77%);
  border-color: oklch(0.845 0.042 76.7);
}

Tailwind CSS v4

@theme {
  --color-sunday-drive: #dcc9ae;
  --color-sunday-drive-50: #fcf4e8;
  --color-sunday-drive-100: #f0e7d9;
  --color-sunday-drive-200: #ded3c1;
  --color-sunday-drive-300: #c3b5a0;
  --color-sunday-drive-400: #ad9c83;
  --color-sunday-drive-500: #968367;
  --color-sunday-drive-600: #7f6f57;
  --color-sunday-drive-700: #665946;
  --color-sunday-drive-800: #4b4032;
  --color-sunday-drive-900: #342c22;
  --color-sunday-drive-950: #201911;
}

SCSS

$sunday-drive: #dcc9ae;
$sunday-drive-rgb: 220, 201, 174;
$sunday-drive-light: mix(#fff, $sunday-drive, 20%);
$sunday-drive-dark: mix(#000, $sunday-drive, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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