命名颜色 · #D50C15

Dragon’s Lair

Dragon’s Lair 即 #D50C15：rgb(213 12 21)、hsl(357 89% 44%)、oklch(0.552 0.221 27.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Red mean? → · Dragon’s Lair color name →

#D50C15

oklch(0.552 0.221 27.8)

颜色转换

HEX: #d50c15
RGB: rgb(213 12 21)
HSL: hsl(357 89% 44%)
HWB: hwb(357 5% 16%)
OKLCH: oklch(0.552 0.221 27.8)
OKLab: oklab(0.552 0.196 0.103)
CIE Lab: lab(45.79 69.67 53.97)
LCH: lch(45.79 88.13 37.8)
CMYK: cmyk(0% 94% 90% 16%)

浅色调 · 深色调 · 灰色调

浅色调

DD3C34
E4584C
EA6F63
F08579
F59A8F
F9AFA5
FCC3BB
FED7D1
FFEBE8

深色调

B90911
9E060C
830408
6A0305
510203
3A0102
240001
100000
020000

灰色调

CE2C27
C83D34
C04A40
B9544A
B15D54
A9655D
A06D66
96746F
8C7A77

配色和谐

互补色 +180°

D50C15
Dragon’s Lair
00818F
≈ Briny

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 5.39:1 · APCA Lc 74

黑底

WCAG 3.89:1 · APCA Lc 27

Fail

最佳文字颜色: #FFFFFF

WCAG 5.39:1 (AA) · APCA Lc 74

Contrast pairs

代码片段

CSS

:root {
  --dragon-s-lair: #d50c15;
  --dragon-s-lair-rgb: 213 12 21;
  --dragon-s-lair-oklch: oklch(0.552 0.221 27.8);
}

.element {
  color: var(--dragon-s-lair);
  background-color: hsl(357 89% 44%);
  border-color: oklch(0.552 0.221 27.8);
}

Tailwind CSS v4

@theme {
  --color-dragon-s-lair: #d50c15;
  --color-dragon-s-lair-50: #ffded0;
  --color-dragon-s-lair-100: #ffccbc;
  --color-dragon-s-lair-200: #ffae9c;
  --color-dragon-s-lair-300: #ff8571;
  --color-dragon-s-lair-400: #ff5b4f;
  --color-dragon-s-lair-500: #f71b1f;
  --color-dragon-s-lair-600: #d01e1d;
  --color-dragon-s-lair-700: #a81917;
  --color-dragon-s-lair-800: #7e0e14;
  --color-dragon-s-lair-900: #590a0c;
  --color-dragon-s-lair-950: #3c0002;
}

SCSS

$dragon-s-lair: #d50c15;
$dragon-s-lair-rgb: 213, 12, 21;
$dragon-s-lair-light: mix(#fff, $dragon-s-lair, 20%);
$dragon-s-lair-dark: mix(#000, $dragon-s-lair, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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