Warna bernama · #FF22DD
Cupid’s Eye
Cupid’s Eye adalah #FF22DD: rgb(255 34 221), hsl(309 100% 57%), oklch(0.69 0.292 336.2). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Pink mean? → · Cupid’s Eye color name →
#FF22DD
oklch(0.69 0.292 336.2)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- FF4CE1
- FF67E5
- FF7EE9
- FF93ED
- FFA6F0
- FFB9F3
- FFCBF6
- FFDCF9
- FFEEFC
Shade
- DE1CC0
- BE16A4
- 9E1188
- 800B6E
- 630755
- 48033D
- 2E0126
- 160011
- 030002
Tone
- F33BD4
- E84BCB
- DC57C1
- D060B8
- C368AF
- B76EA6
- AA749C
- 9D7893
- 8F7D8A
Harmoni warna
Komplementer +180°
- FF22DD
Cupid’s Eye
- 00B96E
≈ Fennel Fiesta
Analog -30° +30°
- FF22DD
Cupid’s Eye
- BC71FF
≈ Easter Purple
- FF5387
≈ Warm Pink
Triadik +120° +240°
- FF22DD
Cupid’s Eye
- B69A00
≈ Kalliene Yellow
- 00AECC
≈ Ball Blue
Split-komplementer +150° +210°
- FF22DD
Cupid’s Eye
- 80AE00
≈ Plus Ultra
- 00B3A7
≈ Glass Jar Blue
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 3.21:1 · APCA Lc 57
Ag
AADi atas hitam
WCAG 6.52:1 · APCA Lc 44
Warna teks terbaik: #000000
WCAG 6.52:1 (AA) · APCA Lc 44
Contrast pairs
Cuplikan kode
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);
}