이름 색상 · #DD4132
Vampire Red
Vampire Red은(는) #DD4132: rgb(221 65 50), hsl(5 72% 53%), oklch(0.602 0.195 29.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Vampire Red color name →
#DD4132
oklch(0.602 0.195 29.5)
색상 변환
- HEX
- #dd4132
- RGB
- rgb(221 65 50)
- HSL
- hsl(5 72% 53%)
- HWB
- hwb(5 20% 13%)
- OKLCH
- oklch(0.602 0.195 29.5)
- OKLab
- oklab(0.602 0.17 0.096)
- CIE Lab
- lab(51.92 60.56 45.42)
- LCH
- lch(51.92 75.71 36.9)
- CMYK
- cmyk(0% 71% 77% 13%)
틴트 · 셰이드 · 톤
틴트
- E35949
- E96E5D
- EE8171
- F39485
- F6A699
- FAB8AD
- FCCAC1
- FEDCD6
- FFEDEA
셰이드
- C0372A
- A42E22
- 88251B
- 6E1C14
- 55130D
- 3D0B07
- 260503
- 110101
- 020000
톤
- D54C3C
- CD5546
- C55C4E
- BC6356
- B3695E
- AA6E65
- A0736C
- 967873
- 8C7C79
색 조화
보색 +180°
- DD4132
Vampire Red
- 0091A2
≈ Oasis
유사색 -30° +30°
- DD4132
Vampire Red
- D63D7D
≈ Jaipur Pink
- BD6800
≈ Camel Fur
삼각 배색 +120° +240°
- DD4132
Vampire Red
- 009B44
≈ Green Revolution
- 5473F3
≈ Blue Öyster Cult
분열 보색 +150° +210°
- DD4132
Vampire Red
- 009682
≈ Aqua Waters
- 0089C9
≈ Way Beyond the Blue
사각 배색 +90° +180° +270°
- DD4132
Vampire Red
- 778C00
≈ Canopy
- 0091A2
≈ Oasis
- 945DE2
≈ Lavender Indigo
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.30:1 · APCA Lc 69
Ag
AA검은색 위
WCAG 4.87:1 · APCA Lc 33
가장 좋은 글자색: #000000
WCAG 4.87:1 (AA) · APCA Lc 33
Contrast pairs
코드 스니펫
CSS
:root {
--vampire-red: #dd4132;
--vampire-red-rgb: 221 65 50;
--vampire-red-oklch: oklch(0.602 0.195 29.5);
}
.element {
color: var(--vampire-red);
background-color: hsl(5 72% 53%);
border-color: oklch(0.602 0.195 29.5);
}Tailwind CSS v4
@theme {
--color-vampire-red: #dd4132;
--color-vampire-red-50: #ffe1d3;
--color-vampire-red-100: #ffd0c0;
--color-vampire-red-200: #ffb4a0;
--color-vampire-red-300: #ff8e77;
--color-vampire-red-400: #fc6856;
--color-vampire-red-500: #eb3b2c;
--color-vampire-red-600: #c73427;
--color-vampire-red-700: #a02a1f;
--color-vampire-red-800: #781c18;
--color-vampire-red-900: #55130f;
--color-vampire-red-950: #380303;
}SCSS
$vampire-red: #dd4132;
$vampire-red-rgb: 221, 65, 50;
$vampire-red-light: mix(#fff, $vampire-red, 20%);
$vampire-red-dark: mix(#000, $vampire-red, 20%);
.element {
color: $vampire-red;
box-shadow: 0 0 0 2px rgba($vampire-red, 0.35);
}