命名颜色 · #BE6400

Fire Ant

Fire Ant 即 #BE6400：rgb(190 100 0)、hsl(32 100% 37%)、oklch(0.597 0.145 56.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Orange mean? → · Fire Ant color name →

#BE6400

oklch(0.597 0.145 56.6)

颜色转换

HEX: #be6400
RGB: rgb(190 100 0)
HSL: hsl(32 100% 37%)
HWB: hwb(32 0% 25%)
OKLCH: oklch(0.597 0.145 56.6)
OKLab: oklab(0.597 0.08 0.121)
CIE Lab: lab(52.5 33.3 60.67)
LCH: lch(52.5 69.21 61.2)
CMYK: cmyk(0% 47% 100% 25%)

浅色调 · 深色调 · 灰色调

浅色调

C67430
CD844B
D49363
DBA37A
E2B290
E8C1A6
EED1BC
F4E0D2
FAEFE9

深色调

A55600
8C4800
753B00
5E2E00
482200
331600
1F0B00
0D0300
020000

灰色调

B96821
B36B32
AD6F3F
A7724A
A17554
9B775E
957A67
8E7C70
877E78

配色和谐

互补色 +180°

BE6400
Fire Ant
0089C2
≈ Azul Caribe

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 4.18:1 · APCA Lc 68

Fail

黑底

WCAG 5.01:1 · APCA Lc 33

最佳文字颜色: #000000

WCAG 5.01:1 (AA) · APCA Lc 33

Contrast pairs

代码片段

CSS

:root {
  --fire-ant: #be6400;
  --fire-ant-rgb: 190 100 0;
  --fire-ant-oklch: oklch(0.597 0.145 56.6);
}

.element {
  color: var(--fire-ant);
  background-color: hsl(32 100% 37%);
  border-color: oklch(0.597 0.145 56.6);
}

Tailwind CSS v4

@theme {
  --color-fire-ant: #be6400;
  --color-fire-ant-50: #ffeccd;
  --color-fire-ant-100: #ffddb8;
  --color-fire-ant-200: #ffc596;
  --color-fire-ant-300: #efa469;
  --color-fire-ant-400: #de863e;
  --color-fire-ant-500: #cb6700;
  --color-fire-ant-600: #ac5800;
  --color-fire-ant-700: #8a4600;
  --color-fire-ant-800: #673200;
  --color-fire-ant-900: #492202;
  --color-fire-ant-950: #2f1000;
}

SCSS

$fire-ant: #be6400;
$fire-ant-rgb: 190, 100, 0;
$fire-ant-light: mix(#fff, $fire-ant, 20%);
$fire-ant-dark: mix(#000, $fire-ant, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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