이름 색상 · #FF4466
Magic Potion
Magic Potion은(는) #FF4466: rgb(255 68 102), hsl(349 100% 63%), oklch(0.669 0.221 15.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Magic Potion color name →
#FF4466
oklch(0.669 0.221 15.6)
색상 변환
- HEX
- #ff4466
- RGB
- rgb(255 68 102)
- HSL
- hsl(349 100% 63%)
- HWB
- hwb(349 27% 0%)
- OKLCH
- oklch(0.669 0.221 15.6)
- OKLab
- oklab(0.669 0.213 0.059)
- CIE Lab
- lab(59.16 71.57 26.06)
- LCH
- lch(59.16 76.17 20)
- CMYK
- cmyk(0% 73% 60% 0%)
틴트 · 셰이드 · 톤
틴트
- FF5D75
- FF7384
- FF8793
- FF99A2
- FFABB1
- FFBCC0
- FFCDD0
- FFDEDF
- FFEEEF
셰이드
- DE3A58
- BE304A
- 9E263C
- 801D2F
- 631423
- 480C17
- 2E050C
- 160204
- 030000
톤
- F45069
- E8596C
- DC616F
- D06771
- C46D74
- B87276
- AB7679
- 9D7A7B
- 8F7D7E
색 조화
보색 +180°
- FF4466
Magic Potion
- 00AAAB
≈ Jade Orchid
유사색 -30° +30°
- FF4466
Magic Potion
- ED4BB2
≈ Major Magenta
- EE6500
≈ Royal Flycatcher Crest
삼각 배색 +120° +240°
- FF4466
Magic Potion
- 57AE00
≈ Yoshi
- 3F95FF
≈ Brilliant Azure
분열 보색 +150° +210°
- FF4466
Magic Potion
- 00AF80
≈ Bright Camouflage
- 00A4D0
≈ Charybdis
사각 배색 +90° +180° +270°
- FF4466
Magic Potion
- A29900
≈ Nuclear Fallout
- 00AAAB
≈ Jade Orchid
- 8E7FFF
≈ Periwinkle
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.34:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.27:1 · APCA Lc 42
가장 좋은 글자색: #000000
WCAG 6.27:1 (AA) · APCA Lc 42
Contrast pairs
코드 스니펫
CSS
:root {
--magic-potion: #ff4466;
--magic-potion-rgb: 255 68 102;
--magic-potion-oklch: oklch(0.669 0.221 15.6);
}
.element {
color: var(--magic-potion);
background-color: hsl(349 100% 63%);
border-color: oklch(0.669 0.221 15.6);
}Tailwind CSS v4
@theme {
--color-magic-potion: #ff4466;
--color-magic-potion-50: #ffdcde;
--color-magic-potion-100: #ffcacd;
--color-magic-potion-200: #ffacb1;
--color-magic-potion-300: #ff828d;
--color-magic-potion-400: #ff5772;
--color-magic-potion-500: #f50f53;
--color-magic-potion-600: #cf1747;
--color-magic-potion-700: #a71438;
--color-magic-potion-800: #7c0b2b;
--color-magic-potion-900: #58081d;
--color-magic-potion-950: #3b000d;
}SCSS
$magic-potion: #ff4466;
$magic-potion-rgb: 255, 68, 102;
$magic-potion-light: mix(#fff, $magic-potion, 20%);
$magic-potion-dark: mix(#000, $magic-potion, 20%);
.element {
color: $magic-potion;
box-shadow: 0 0 0 2px rgba($magic-potion, 0.35);
}