이름 색상 · #D70A53

Debian Red

Debian Red은(는) #D70A53: rgb(215 10 83), hsl(339 91% 44%), oklch(0.563 0.222 11.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Red mean? → · Debian Red color name →

#D70A53

oklch(0.563 0.222 11.5)

색상 변환

HEX: #d70a53
RGB: rgb(215 10 83)
HSL: hsl(339 91% 44%)
HWB: hwb(339 4% 16%)
OKLCH: oklch(0.563 0.222 11.5)
OKLab: oklab(0.563 0.217 0.044)
CIE Lab: lab(46.79 71.82 19.75)
LCH: lch(46.79 74.48 15.4)
CMYK: cmyk(0% 95% 61% 16%)

틴트 · 셰이드 · 톤

틴트

DF3B63
E65773
EC6F84
F18595
F69AA6
F9AEB7
FCC3C9
FED7DB
FFEBED

셰이드

BB0747
9F053B
850330
6B0225
52011B
3B0111
250008
110002
020000

톤

D02B58
C93C5C
C24961
BA5465
B25D6A
A9656E
A06D73
967377
8C7A7C

색 조화

보색 +180°

D70A53
Debian Red
008784
≈ Green Lapis

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

사각 배색 +90° +180° +270°

대비 및 접근성

흰색 위

WCAG 5.17:1 · APCA Lc 73

검은색 위

WCAG 4.05:1 · APCA Lc 29

Fail

가장 좋은 글자색: #FFFFFF

WCAG 5.17:1 (AA) · APCA Lc 73

Contrast pairs

코드 스니펫

CSS

:root {
  --debian-red: #d70a53;
  --debian-red-rgb: 215 10 83;
  --debian-red-oklch: oklch(0.563 0.222 11.5);
}

.element {
  color: var(--debian-red);
  background-color: hsl(339 91% 44%);
  border-color: oklch(0.563 0.222 11.5);
}

Tailwind CSS v4

@theme {
  --color-debian-red: #d70a53;
  --color-debian-red-50: #ffdce2;
  --color-debian-red-100: #ffc9d2;
  --color-debian-red-200: #ffabb8;
  --color-debian-red-300: #ff8196;
  --color-debian-red-400: #ff567c;
  --color-debian-red-500: #f40d5f;
  --color-debian-red-600: #ce1651;
  --color-debian-red-700: #a61341;
  --color-debian-red-800: #7c0a31;
  --color-debian-red-900: #580821;
  --color-debian-red-950: #3b0011;
}

SCSS

$debian-red: #d70a53;
$debian-red-rgb: 215, 10, 83;
$debian-red-light: mix(#fff, $debian-red, 20%);
$debian-red-dark: mix(#000, $debian-red, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

피커 조합 대비 검사기 Studio JSON API