Màu có tên · #FF4466
Magic Potion
Magic Potion là #FF4466: rgb(255 68 102), hsl(349 100% 63%), oklch(0.669 0.221 15.6). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Red mean? → · Magic Potion color name →
#FF4466
oklch(0.669 0.221 15.6)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FF5D75
- FF7384
- FF8793
- FF99A2
- FFABB1
- FFBCC0
- FFCDD0
- FFDEDF
- FFEEEF
Sắc đậm
- DE3A58
- BE304A
- 9E263C
- 801D2F
- 631423
- 480C17
- 2E050C
- 160204
- 030000
Sắc xám
- F45069
- E8596C
- DC616F
- D06771
- C46D74
- B87276
- AB7679
- 9D7A7B
- 8F7D7E
Hòa sắc
Bổ túc +180°
- FF4466
Magic Potion
- 00AAAB
≈ Jade Orchid
Tương đồng -30° +30°
- FF4466
Magic Potion
- ED4BB2
≈ Major Magenta
- EE6500
≈ Royal Flycatcher Crest
Bộ ba +120° +240°
- FF4466
Magic Potion
- 57AE00
≈ Yoshi
- 3F95FF
≈ Brilliant Azure
Bổ túc chia +150° +210°
- FF4466
Magic Potion
- 00AF80
≈ Bright Camouflage
- 00A4D0
≈ Charybdis
Bộ bốn +90° +180° +270°
- FF4466
Magic Potion
- A29900
≈ Nuclear Fallout
- 00AAAB
≈ Jade Orchid
- 8E7FFF
≈ Periwinkle
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.34:1 · APCA Lc 59
Ag
AATrên nền đen
WCAG 6.27:1 · APCA Lc 42
Màu chữ tốt nhất: #000000
WCAG 6.27:1 (AA) · APCA Lc 42
Contrast pairs
Đoạn mã
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);
}