가장 가까운 이름 색상 · #D80049
#D80049
가장 가까운 이름 색상: Demon Princess
#D80049(rgb(216 0 73), hsl(340 100% 42%), oklch(0.561 0.224 14.7))와 가장 가까운 이름 색상은 Demon Princess입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#D80049
oklch(0.561 0.224 14.7)
색상 변환
- HEX
- #d80049
- RGB
- rgb(216 0 73)
- HSL
- hsl(340 100% 42%)
- HWB
- hwb(340 0% 15%)
- OKLCH
- oklch(0.561 0.224 14.7)
- OKLab
- oklab(0.561 0.217 0.057)
- CIE Lab
- lab(46.55 72.51 25.72)
- LCH
- lch(46.55 76.94 19.5)
- CMYK
- cmyk(0% 100% 66% 15%)
틴트 · 셰이드 · 톤
틴트
- E0395A
- E7566B
- ED6E7D
- F2848F
- F699A1
- FAAEB3
- FDC2C6
- FFD7D9
- FFEBEC
셰이드
- BC003E
- A00034
- 85002A
- 6B0020
- 530017
- 3B000E
- 250006
- 110002
- 020000
톤
- D1284F
- CA3A55
- C3485A
- BB5360
- B35C65
- AA656B
- A16C70
- 977375
- 8C7A7B
색 조화
보색 +180°
- D80049
Demon Princess
- 008686
≈ Green Lapis
유사색 -30° +30°
- D80049
Demon Princess
- C61C93
≈ Indian Lake
- BE4D00
≈ Crustose Lichen
삼각 배색 +120° +240°
- D80049
Demon Princess
- 478800
≈ Mughal Green
- 0072DC
≈ Enchanting Sapphire
분열 보색 +150° +210°
- D80049
Demon Princess
- 008A63
≈ Chagall Green
- 0081A3
≈ Ahoy! Blue
사각 배색 +90° +180° +270°
- D80049
Demon Princess
- 807800
≈ Tool Green
- 008686
≈ Green Lapis
- 6E52F0
≈ Candy Grape Fizz
대비 및 접근성
Ag
AA흰색 위
WCAG 5.22:1 · APCA Lc 73
Ag
Fail검은색 위
WCAG 4.01:1 · APCA Lc 29
가장 좋은 글자색: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--demon-princess: #d80049;
--demon-princess-rgb: 216 0 73;
--demon-princess-oklch: oklch(0.561 0.224 14.7);
}
.element {
color: var(--demon-princess);
background-color: hsl(340 100% 42%);
border-color: oklch(0.561 0.224 14.7);
}Tailwind CSS v4
@theme {
--color-demon-princess: #d80049;
--color-demon-princess-50: #ffdcde;
--color-demon-princess-100: #ffc9cd;
--color-demon-princess-200: #ffabb2;
--color-demon-princess-300: #ff818e;
--color-demon-princess-400: #ff5573;
--color-demon-princess-500: #f60455;
--color-demon-princess-600: #d01248;
--color-demon-princess-700: #a71039;
--color-demon-princess-800: #7d082c;
--color-demon-princess-900: #58061e;
--color-demon-princess-950: #3b000e;
}SCSS
$demon-princess: #d80049;
$demon-princess-rgb: 216, 0, 73;
$demon-princess-light: mix(#fff, $demon-princess, 20%);
$demon-princess-dark: mix(#000, $demon-princess, 20%);
.element {
color: $demon-princess;
box-shadow: 0 0 0 2px rgba($demon-princess, 0.35);
}