命名颜色 · #DBA37E

Nice Tan

Nice Tan 即 #DBA37E：rgb(219 163 126)、hsl(24 56% 68%)、oklch(0.759 0.083 54.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Orange mean? → · Nice Tan color name →

#DBA37E

oklch(0.759 0.083 54.5)

颜色转换

HEX: #dba37e
RGB: rgb(219 163 126)
HSL: hsl(24 56% 68%)
HWB: hwb(24 49% 14%)
OKLCH: oklch(0.759 0.083 54.5)
OKLab: oklab(0.759 0.048 0.068)
CIE Lab: lab(71.75 17.99 27.76)
LCH: lch(71.75 33.08 57)
CMYK: cmyk(0% 26% 42% 14%)

浅色调 · 深色调 · 灰色调

浅色调

DFAC8B
E3B598
E7BEA4
EBC8B1
EED1BE
F2DACB
F5E3D8
F9ECE5
FCF6F2

深色调

BE8D6D
A2785C
87634C
6D4F3C
543C2D
3C2A1F
261911
110A05
020101

灰色调

D2A07F
C99C7F
C09980
B69580
AD9280
A48E80
9B8B80
928780
898480

配色和谐

互补色 +180°

DBA37E
Nice Tan
7BBADE
≈ 21st Century Blue

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 2.19:1 · APCA Lc 43

Fail

黑底

WCAG 9.55:1 · APCA Lc 59

AAA

最佳文字颜色: #000000

WCAG 9.55:1 (AAA) · APCA Lc 59

Contrast pairs

代码片段

CSS

:root {
  --nice-tan: #dba37e;
  --nice-tan-rgb: 219 163 126;
  --nice-tan-oklch: oklch(0.759 0.083 54.5);
}

.element {
  color: var(--nice-tan);
  background-color: hsl(24 56% 68%);
  border-color: oklch(0.759 0.083 54.5);
}

Tailwind CSS v4

@theme {
  --color-nice-tan: #dba37e;
  --color-nice-tan-50: #fff0df;
  --color-nice-tan-100: #ffe2ce;
  --color-nice-tan-200: #f1ccb2;
  --color-nice-tan-300: #d9ad8e;
  --color-nice-tan-400: #c6916f;
  --color-nice-tan-500: #b1774f;
  --color-nice-tan-600: #966543;
  --color-nice-tan-700: #785035;
  --color-nice-tan-800: #593a26;
  --color-nice-tan-900: #3e281a;
  --color-nice-tan-950: #27160a;
}

SCSS

$nice-tan: #dba37e;
$nice-tan-rgb: 219, 163, 126;
$nice-tan-light: mix(#fff, $nice-tan, 20%);
$nice-tan-dark: mix(#000, $nice-tan, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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