이름 색상 · #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