命名颜色 · #EA5814

Furious Tiger

Furious Tiger 即 #EA5814：rgb(234 88 20)、hsl(19 84% 50%)、oklch(0.646 0.193 40.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Red mean? → · Furious Tiger color name →

#EA5814

oklch(0.646 0.193 40.4)

颜色转换

HEX: #ea5814
RGB: rgb(234 88 20)
HSL: hsl(19 84% 50%)
HWB: hwb(19 8% 8%)
OKLCH: oklch(0.646 0.193 40.4)
OKLab: oklab(0.646 0.147 0.125)
CIE Lab: lab(57.41 55.66 63.46)
LCH: lch(57.41 84.41 48.7)
CMYK: cmyk(0% 62% 91% 8%)

浅色调 · 深色调 · 灰色调

浅色调

EF6C39
F37E53
F68F6A
F9A080
FCB095
FEC0AA
FFD0BF
FFE0D4
FFEFEA

深色调

CB4B10
AE3F0C
913308
752805
5A1D03
411201
290901
130300
030000

灰色调

E05F2B
D7653A
CD6A46
C36E50
B97259
AE7662
A3796A
987C72
8C7E79

配色和谐

互补色 +180°

EA5814
Furious Tiger
009EC0
≈ Delos Blue

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 3.55:1 · APCA Lc 62

Fail

黑底

WCAG 5.90:1 · APCA Lc 40

最佳文字颜色: #000000

WCAG 5.90:1 (AA) · APCA Lc 40

Contrast pairs

代码片段

CSS

:root {
  --furious-tiger: #ea5814;
  --furious-tiger-rgb: 234 88 20;
  --furious-tiger-oklch: oklch(0.646 0.193 40.4);
}

.element {
  color: var(--furious-tiger);
  background-color: hsl(19 84% 50%);
  border-color: oklch(0.646 0.193 40.4);
}

Tailwind CSS v4

@theme {
  --color-furious-tiger: #ea5814;
  --color-furious-tiger-50: #ffe4ca;
  --color-furious-tiger-100: #ffd3b5;
  --color-furious-tiger-200: #ffb891;
  --color-furious-tiger-300: #ff9363;
  --color-furious-tiger-400: #f96e37;
  --color-furious-tiger-500: #e84500;
  --color-furious-tiger-600: #c43c00;
  --color-furious-tiger-700: #9e3000;
  --color-furious-tiger-800: #762000;
  --color-furious-tiger-900: #541600;
  --color-furious-tiger-950: #380500;
}

SCSS

$furious-tiger: #ea5814;
$furious-tiger-rgb: 234, 88, 20;
$furious-tiger-light: mix(#fff, $furious-tiger, 20%);
$furious-tiger-dark: mix(#000, $furious-tiger, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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