이름 색상 · #CC2255
Vampire Fangs
Vampire Fangs은(는) #CC2255: rgb(204 34 85), hsl(342 71% 47%), oklch(0.553 0.202 10.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Vampire Fangs color name →
#CC2255
oklch(0.553 0.202 10.8)
색상 변환
- HEX
- #cc2255
- RGB
- rgb(204 34 85)
- HSL
- hsl(342 71% 47%)
- HWB
- hwb(342 13% 20%)
- OKLCH
- oklch(0.553 0.202 10.8)
- OKLab
- oklab(0.553 0.199 0.038)
- CIE Lab
- lab(45.81 65.62 16.72)
- LCH
- lch(45.81 67.72 14.3)
- CMYK
- cmyk(0% 83% 58% 20%)
틴트 · 셰이드 · 톤
틴트
- D44365
- DC5B75
- E37285
- E98796
- EF9BA7
- F4AFB8
- F8C3C9
- FBD7DB
- FEEBED
셰이드
- B11C49
- 97163D
- 7E1131
- 650B26
- 4E071C
- 370311
- 220108
- 0F0002
- 020000
톤
- C63559
- C0425E
- BA4D62
- B35666
- AC5F6B
- A4666F
- 9C6D73
- 947477
- 8A7A7C
색 조화
보색 +180°
- CC2255
Vampire Fangs
- 008480
≈ Pond Bath
유사색 -30° +30°
- CC2255
Vampire Fangs
- BA2F95
≈ Fuchsia Flourish
- C04400
≈ Mahogany
삼각 배색 +120° +240°
- CC2255
Vampire Fangs
- 528300
≈ Avocado
- 0074CB
≈ Science Blue
분열 보색 +150° +210°
- CC2255
Vampire Fangs
- 00885A
≈ Vital Green
- 007F9C
≈ Amazing Sky
사각 배색 +90° +180° +270°
- CC2255
Vampire Fangs
- 827300
≈ Sunlit Kelp Green
- 008480
≈ Pond Bath
- 6359E3
≈ Majorelle Blue
대비 및 접근성
Ag
AA흰색 위
WCAG 5.34:1 · APCA Lc 75
Ag
Fail검은색 위
WCAG 3.92:1 · APCA Lc 27
가장 좋은 글자색: #FFFFFF
WCAG 5.34:1 (AA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--vampire-fangs: #cc2255;
--vampire-fangs-rgb: 204 34 85;
--vampire-fangs-oklch: oklch(0.553 0.202 10.8);
}
.element {
color: var(--vampire-fangs);
background-color: hsl(342 71% 47%);
border-color: oklch(0.553 0.202 10.8);
}Tailwind CSS v4
@theme {
--color-vampire-fangs: #cc2255;
--color-vampire-fangs-50: #ffdee5;
--color-vampire-fangs-100: #ffccd5;
--color-vampire-fangs-200: #ffafbc;
--color-vampire-fangs-300: #ff879a;
--color-vampire-fangs-400: #fd6081;
--color-vampire-fangs-500: #ec2e65;
--color-vampire-fangs-600: #c72a56;
--color-vampire-fangs-700: #a02244;
--color-vampire-fangs-800: #771634;
--color-vampire-fangs-900: #540f23;
--color-vampire-fangs-950: #380112;
}SCSS
$vampire-fangs: #cc2255;
$vampire-fangs-rgb: 204, 34, 85;
$vampire-fangs-light: mix(#fff, $vampire-fangs, 20%);
$vampire-fangs-dark: mix(#000, $vampire-fangs, 20%);
.element {
color: $vampire-fangs;
box-shadow: 0 0 0 2px rgba($vampire-fangs, 0.35);
}