이름 색상 · #8A0009
Kiss of a Vampire
Kiss of a Vampire은(는) #8A0009: rgb(138 0 9), hsl(356 100% 27%), oklch(0.398 0.162 27.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Kiss of a Vampire color name →
#8A0009
oklch(0.398 0.162 27.3)
색상 변환
- HEX
- #8a0009
- RGB
- rgb(138 0 9)
- HSL
- hsl(356 100% 27%)
- HWB
- hwb(356 0% 46%)
- OKLCH
- oklch(0.398 0.162 27.3)
- OKLab
- oklab(0.398 0.144 0.075)
- CIE Lab
- lab(28.57 51.28 38.89)
- LCH
- lch(28.57 64.36 37.2)
- CMYK
- cmyk(0% 100% 93% 46%)
틴트 · 셰이드 · 톤
틴트
- 982B26
- A6453D
- B35D54
- C0746B
- CC8B83
- D7A29B
- E2B9B3
- ECD0CC
- F6E7E5
셰이드
- 770007
- 650005
- 530003
- 420002
- 320001
- 220001
- 140000
- 070000
- 010000
톤
- 8B1D1A
- 8C2D27
- 8C3A33
- 8C453E
- 8B5049
- 8A5A54
- 89645F
- 876D6A
- 847775
색 조화
보색 +180°
- 8A0009
Kiss of a Vampire
- 00515A
≈ Kali Blue
유사색 -30° +30°
- 8A0009
Kiss of a Vampire
- 840048
≈ Renanthera Orchid
- 6D3700
≈ Bestial Brown
삼각 배색 +120° +240°
- 8A0009
Kiss of a Vampire
- 00571D
≈ O Tannenbaum
- 223A9D
≈ Liquid Denim
분열 보색 +150° +210°
- 8A0009
Kiss of a Vampire
- 005447
≈ Breathe Deeply
- 004D70
≈ Pompeii Blue
사각 배색 +90° +180° +270°
- 8A0009
Kiss of a Vampire
- 444D00
≈ No Emissions Green
- 00515A
≈ Kali Blue
- 542891
≈ KSU Purple
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.07:1 · APCA Lc 91
Ag
Fail검은색 위
WCAG 2.08:1 · APCA Lc 11
가장 좋은 글자색: #FFFFFF
WCAG 10.07:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--kiss-of-a-vampire: #8a0009;
--kiss-of-a-vampire-rgb: 138 0 9;
--kiss-of-a-vampire-oklch: oklch(0.398 0.162 27.3);
}
.element {
color: var(--kiss-of-a-vampire);
background-color: hsl(356 100% 27%);
border-color: oklch(0.398 0.162 27.3);
}Tailwind CSS v4
@theme {
--color-kiss-of-a-vampire: #8a0009;
--color-kiss-of-a-vampire-50: #ffe5da;
--color-kiss-of-a-vampire-100: #ffd4c9;
--color-kiss-of-a-vampire-200: #ffbaac;
--color-kiss-of-a-vampire-300: #ff9686;
--color-kiss-of-a-vampire-400: #ef7468;
--color-kiss-of-a-vampire-500: #dd4f46;
--color-kiss-of-a-vampire-600: #bb443c;
--color-kiss-of-a-vampire-700: #963730;
--color-kiss-of-a-vampire-800: #702624;
--color-kiss-of-a-vampire-900: #4f1a18;
--color-kiss-of-a-vampire-950: #340909;
}SCSS
$kiss-of-a-vampire: #8a0009;
$kiss-of-a-vampire-rgb: 138, 0, 9;
$kiss-of-a-vampire-light: mix(#fff, $kiss-of-a-vampire, 20%);
$kiss-of-a-vampire-dark: mix(#000, $kiss-of-a-vampire, 20%);
.element {
color: $kiss-of-a-vampire;
box-shadow: 0 0 0 2px rgba($kiss-of-a-vampire, 0.35);
}