Màu có tên · #FF22DD
Cupid’s Eye
Cupid’s Eye là #FF22DD: rgb(255 34 221), hsl(309 100% 57%), oklch(0.69 0.292 336.2). 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 Pink mean? → · Cupid’s Eye color name →
#FF22DD
oklch(0.69 0.292 336.2)
Chuyển đổi màu
- HEX
- #ff22dd
- RGB
- rgb(255 34 221)
- HSL
- hsl(309 100% 57%)
- HWB
- hwb(309 13% 0%)
- OKLCH
- oklch(0.69 0.292 336.2)
- OKLab
- oklab(0.69 0.267 -0.118)
- CIE Lab
- lab(59.69 87.32 -42.26)
- LCH
- lch(59.69 97.01 334.2)
- CMYK
- cmyk(0% 87% 13% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FF4CE1
- FF67E5
- FF7EE9
- FF93ED
- FFA6F0
- FFB9F3
- FFCBF6
- FFDCF9
- FFEEFC
Sắc đậm
- DE1CC0
- BE16A4
- 9E1188
- 800B6E
- 630755
- 48033D
- 2E0126
- 160011
- 030002
Sắc xám
- F33BD4
- E84BCB
- DC57C1
- D060B8
- C368AF
- B76EA6
- AA749C
- 9D7893
- 8F7D8A
Hòa sắc
Bổ túc +180°
- FF22DD
Cupid’s Eye
- 00B96E
≈ Fennel Fiesta
Tương đồng -30° +30°
- FF22DD
Cupid’s Eye
- BC71FF
≈ Easter Purple
- FF5387
≈ Warm Pink
Bộ ba +120° +240°
- FF22DD
Cupid’s Eye
- B69A00
≈ Kalliene Yellow
- 00AECC
≈ Ball Blue
Bổ túc chia +150° +210°
- FF22DD
Cupid’s Eye
- 80AE00
≈ Plus Ultra
- 00B3A7
≈ Glass Jar Blue
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.21:1 · APCA Lc 57
Ag
AATrên nền đen
WCAG 6.52:1 · APCA Lc 44
Màu chữ tốt nhất: #000000
WCAG 6.52:1 (AA) · APCA Lc 44
Contrast pairs
Đoạn mã
CSS
:root {
--cupid-s-eye: #ff22dd;
--cupid-s-eye-rgb: 255 34 221;
--cupid-s-eye-oklch: oklch(0.69 0.292 336.2);
}
.element {
color: var(--cupid-s-eye);
background-color: hsl(309 100% 57%);
border-color: oklch(0.69 0.292 336.2);
}Tailwind CSS v4
@theme {
--color-cupid-s-eye: #ff22dd;
--color-cupid-s-eye-50: #ffd5ff;
--color-cupid-s-eye-100: #ffc1ff;
--color-cupid-s-eye-200: #ff9fff;
--color-cupid-s-eye-300: #ff6fea;
--color-cupid-s-eye-400: #fe38dd;
--color-cupid-s-eye-500: #ed00cc;
--color-cupid-s-eye-600: #c800ac;
--color-cupid-s-eye-700: #a1008a;
--color-cupid-s-eye-800: #77006a;
--color-cupid-s-eye-900: #54004a;
--color-cupid-s-eye-950: #380031;
}SCSS
$cupid-s-eye: #ff22dd;
$cupid-s-eye-rgb: 255, 34, 221;
$cupid-s-eye-light: mix(#fff, $cupid-s-eye, 20%);
$cupid-s-eye-dark: mix(#000, $cupid-s-eye, 20%);
.element {
color: $cupid-s-eye;
box-shadow: 0 0 0 2px rgba($cupid-s-eye, 0.35);
}