命名颜色 · #BE9C67

Tiger

Tiger 即 #BE9C67：rgb(190 156 103)、hsl(37 40% 57%)、oklch(0.712 0.081 78)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Orange mean? → · Tiger color name →

#BE9C67

oklch(0.712 0.081 78)

颜色转换

HEX: #be9c67
RGB: rgb(190 156 103)
HSL: hsl(37 40% 57%)
HWB: hwb(37 40% 25%)
OKLCH: oklch(0.712 0.081 78)
OKLab: oklab(0.712 0.017 0.079)
CIE Lab: lab(66.61 7.92 32.68)
LCH: lch(66.61 33.63 76.4)
CMYK: cmyk(0% 18% 46% 25%)

浅色调 · 深色调 · 灰色调

浅色调

C5A676
CBAF85
D2B995
D8C3A4
DFCDB3
E5D7C2
ECE1D1
F2EBE0
F9F5F0

深色调

A58759
8C734B
755F3D
5E4C30
483923
332817
1F180C
0D0904
020100

灰色调

B8996A
B1976D
AB9470
A59173
9F8E75
998B78
92897A
8C867C
86837E

配色和谐

互补色 +180°

BE9C67
Tiger
83A4D5
≈ Wisteria Blue

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 2.57:1 · APCA Lc 50

Fail

黑底

WCAG 8.14:1 · APCA Lc 52

AAA

最佳文字颜色: #000000

WCAG 8.14:1 (AAA) · APCA Lc 52

Contrast pairs

代码片段

CSS

:root {
  --tiger: #be9c67;
  --tiger-rgb: 190 156 103;
  --tiger-oklch: oklch(0.712 0.081 78);
}

.element {
  color: var(--tiger);
  background-color: hsl(37 40% 57%);
  border-color: oklch(0.712 0.081 78);
}

Tailwind CSS v4

@theme {
  --color-tiger: #be9c67;
  --color-tiger-50: #fff3dc;
  --color-tiger-100: #f6e6ca;
  --color-tiger-200: #e7d1ae;
  --color-tiger-300: #cdb388;
  --color-tiger-400: #b99967;
  --color-tiger-500: #a47f44;
  --color-tiger-600: #8a6c3b;
  --color-tiger-700: #6f562f;
  --color-tiger-800: #523e21;
  --color-tiger-900: #392b15;
  --color-tiger-950: #241807;
}

SCSS

$tiger: #be9c67;
$tiger-rgb: 190, 156, 103;
$tiger-light: mix(#fff, $tiger, 20%);
$tiger-dark: mix(#000, $tiger, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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