이름 색상 · #CC0066
Vampiric Bloodlust
Vampiric Bloodlust은(는) #CC0066: rgb(204 0 102), hsl(330 100% 40%), oklch(0.546 0.22 2.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Vampiric Bloodlust color name →
#CC0066
oklch(0.546 0.22 2.1)
색상 변환
- HEX
- #cc0066
- RGB
- rgb(204 0 102)
- HSL
- hsl(330 100% 40%)
- HWB
- hwb(330 0% 20%)
- OKLCH
- oklch(0.546 0.22 2.1)
- OKLab
- oklab(0.546 0.22 0.008)
- CIE Lab
- lab(44.58 70.91 4.39)
- LCH
- lch(44.58 71.04 3.5)
- CMYK
- cmyk(0% 100% 50% 20%)
틴트 · 셰이드 · 톤
틴트
- D53774
- DD5382
- E46B91
- EA81A0
- F097AF
- F5ACBF
- F9C1CF
- FCD5DE
- FEEAEF
셰이드
- B10058
- 97004A
- 7E003C
- 65002F
- 4E0023
- 370017
- 22000C
- 0F0004
- 020000
톤
- C62769
- C0386B
- BA466E
- B45170
- AD5A73
- A56375
- 9D6B78
- 94727B
- 8B797D
색 조화
보색 +180°
- CC0066
Vampiric Bloodlust
- 008275
≈ Green Garlands
유사색 -30° +30°
- CC0066
Vampiric Bloodlust
- B325A7
≈ Rosolanc Purple
- CD2400
≈ Piment Piquant
삼각 배색 +120° +240°
- CC0066
Vampiric Bloodlust
- 647B00
≈ Topiary Green
- 0077B5
≈ Americana
분열 보색 +150° +210°
- CC0066
Vampiric Bloodlust
- 008744
≈ The Wild Apothecary
- 007E91
≈ Pagoda
사각 배색 +90° +180° +270°
- CC0066
Vampiric Bloodlust
- 886D00
≈ Muddy Brown
- 008275
≈ Green Garlands
- 4A5AED
≈ Aquarius Mood Indigo
대비 및 접근성
Ag
AA흰색 위
WCAG 5.58:1 · APCA Lc 75
Ag
Fail검은색 위
WCAG 3.75:1 · APCA Lc 26
가장 좋은 글자색: #FFFFFF
WCAG 5.58:1 (AA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--vampiric-bloodlust: #cc0066;
--vampiric-bloodlust-rgb: 204 0 102;
--vampiric-bloodlust-oklch: oklch(0.546 0.22 2.1);
}
.element {
color: var(--vampiric-bloodlust);
background-color: hsl(330 100% 40%);
border-color: oklch(0.546 0.22 2.1);
}Tailwind CSS v4
@theme {
--color-vampiric-bloodlust: #cc0066;
--color-vampiric-bloodlust-50: #ffdbee;
--color-vampiric-bloodlust-100: #ffc9df;
--color-vampiric-bloodlust-200: #ffabc9;
--color-vampiric-bloodlust-300: #ff81aa;
--color-vampiric-bloodlust-400: #ff5794;
--color-vampiric-bloodlust-500: #ef177a;
--color-vampiric-bloodlust-600: #ca1a68;
--color-vampiric-bloodlust-700: #a21653;
--color-vampiric-bloodlust-800: #790d3f;
--color-vampiric-bloodlust-900: #55092b;
--color-vampiric-bloodlust-950: #390019;
}SCSS
$vampiric-bloodlust: #cc0066;
$vampiric-bloodlust-rgb: 204, 0, 102;
$vampiric-bloodlust-light: mix(#fff, $vampiric-bloodlust, 20%);
$vampiric-bloodlust-dark: mix(#000, $vampiric-bloodlust, 20%);
.element {
color: $vampiric-bloodlust;
box-shadow: 0 0 0 2px rgba($vampiric-bloodlust, 0.35);
}